非Prop的Attribute

最新推荐文章于 2023-01-31 09:06:41 发布

李卓书

最新推荐文章于 2023-01-31 09:06:41 发布

阅读量878

点赞数 5

分类专栏： vue3

本文链接：https://blog.csdn.net/wangbiao9292/article/details/118489129

版权

vue3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章目录

为什么会出现？

根据官方文档说明：

一个非 prop 的 attribute 是指传向一个组件，但是该组件并没有相应 props 或 emits 定义的 attribute。常见的示例包括 class、style 和 id 属性。

从上面这句话，可以抽离几点要素：
1 常见的class、style、id是可以不通过prop传递的
2 props和emits都是参与其中的两个property

attribute是什么？

attribute翻译过来是属性的意思；最早接触这个英文单词的时候，是在css上。

<div class="dv">hello world</div>
这个div块上的class，我们称之为attribute。

举例说明

1 通过props去传递值

<body>
    <div id="app">
        <demo variable="小明"></demo>
    </div>
</body>
<script>
    const app = Vue.createApp({})
    app.component('demo', {
        props: ['variable'],
        template: `<p>hello {{variable}}</p>`
    })
    app.mount("#app")
</script>