vue.js -- Non-props属性

最新推荐文章于 2024-01-17 14:48:29 发布

爱划水de鲸鱼哥～

最新推荐文章于 2024-01-17 14:48:29 发布

阅读量315

点赞数

分类专栏： Vue3 文章标签： vue html javascript css css3

本文链接：https://blog.csdn.net/m0_47901007/article/details/118577851

版权

本文介绍了Vue.js中的Non-props属性，包括如何处理子组件的单个和多个根节点，如何使用`inheritAttrs`防止属性显示在子组件标签上，以及如何通过`$attrs`在子组件中获取和使用父组件传递的Non-props属性。

摘要由CSDN通过智能技术生成

Non-props属性

Non-props属性：父组件给子组件传递内容时，子组件不通过pros接收时使用。

子组件存在单个根节点

子组件存在单个根节点时，vue底层会将父组件传递过来的内容置于子组件最外层标签上，变成子组件最外层签的一个属性。

代码演示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue -- Non-props</title>
    <!-- 使用CDN引入Vue -->
    <script src="