When writing Vue components, the following warnings are reported inexplicably:

[Vue warn]: Extraneous non-props attributes (border, style) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
at XXXX (Location of the component where the problem occurred)
at

Solution:
The border, style property was added to the custom component and the custom component did not bother to receive it internally, hence the warning.
So, either add the properties to be received inside the component. If it is in the third party library UI library, it is recommended to remove these attributes directly.

Read More:

• How to Solve @Vue/cli3.X Using less Error
• [Solved] Vue2.x vue-lazyload Error: Failed to resolve directive: lazy
• Vue warn]: vue3 element Component emit Pass Event Error
• [Solved] vueCli 4.x Upgrade to 5.x Error: Progress Plugin Invalid Options
• [Solved] vue3vite Error: Failed to resolve import “@vue/server-renderer from “src\App.vue“. Does the file exist
• Node rsa Library Error [InvalidAsn1Error]: Expected 0x2: got 0x30
• [Solved] Vue3.0 Error: The component has been registered but not used vue/no-unused-components, Close eslint
• [Solved] VUE D:\project\vueProject\vue-02\src\components\hello.vue 5:5 error Parsing error: x-invalid-end-tag
• Full screen scrolling by Vue + Vue awesomeswiper
• [Solved] Vue Error: Uncaught TypeError: Vue.createApp is not a function
• Vue installation @ Vue/cli error: npmerr gyp err
• [Solved] Vue Route Error: Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent) is not a function
• VUE Error: Vue Error in nextTick: “RangeError: Maximum call stack size exceeded“
• [Solved] Vue3 Error: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. P
• [Solved] Vue Project Error: error ‘v-model‘ directives require no argument vue/valid-v-model
• Vue2.0: How to Use vue3 api to encapsulate Axios
• How to Solve VUE Error: Avoid mutating a prop directly since the value will be overwritten …
• The solution to the problem that the custom styles of UI components such as element-ui in the vue project do not take effect
• [Solved] vue error: error Component name “School“ should always be multi-word vue/multi-word-component-names
• Use of error attribute in element UI (solution of triggering only once)