如果"class"或"style"属性已经存在，并且"class"或"style"属性也来自父级作为后备属性，则这些属性将被合并。
除了父级的现有样式之外，我们还为 TodoItem.vue 组件内的 <li> 元素添加了边距:
<template>
<li style="margin: 5px 0;">{{ itemName }}</li>
</template>
<script>
export default {
props: ['itemName']
}
</script>
如果我们在浏览器中右键单击 <li> 元素，我们可以看到属性已合并。 边距直接在组件内的 <li> 元素上设置，并与从父级穿过的背景颜色合并:
如果组件的根级别上有多个元素，则不再清楚属性应落入哪个元素。
要定义哪个根元素获取fallthrough属性，我们可以使用内置的$attrs对象来标记该元素，如下所示:
TodoItem.vue:
<template>
<div class="pinkBall"></div>
<li v-bind="$attrs">{{ itemName }}</li>
<div class="pinkBall"></div>
</template>
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.4万人学习
共29课时
62万人学习
共25课时
39.5万人学习
共43课时
71.2万人学习
共25课时
61.9万人学习
共22课时
23.1万人学习
共28课时
34.1万人学习
共89课时
125.7万人学习
