我转过几个弯 绕过那个小雨楼
- 拿着蒲扇摆着衣衫渡着紧箍咒
- 不问天涯不停留 喝过几壶酒
- 不过年少白头道义放胸口
- 倘若明天之后 遥看前尘剑封侯
- 似那天上神仙无所求
- 朝朝暮暮君如梦醒十分不为何理由
- 是真是假是惶恐是无休
- 路过这风雨花满楼 片刻都不停留
- 我本这书生进京赶考留下许多愁
- 你问有没有时候 我叹这天道默悠悠
- 能否与我一醉方休
- 又过了几个弯 算尽天量道莫慌
- 踏这田园闻这芳草香
- 跌跌撞撞仗剑天涯折煞不枉无笔良
- 是梦是幻是温柔是家乡
- 路过这风雨花满楼 片刻都不停留
- 我本这书生进京赶考留下许多愁
- 你问有没有时候 我叹这天道默悠悠
- 能否与我一醉方休
- 路过这风雨花满楼 片刻都不停留
- 我本这书生进京赶考留下许多愁
- 你问有没有时候 我叹这天道默悠悠
- 能否与我一醉方休
- 谁能与我一醉方休
阻止属性默认挂载到组件根元素
木灵鱼儿
18 天前vue 开发实战
203
0
0
vue的组件有一个特性，当我们给组件设置attr属性，而这个属性在组件中并没有props设置的，那么他就会默认挂载到组件的根元素上。
例子：
<template>
<div>我是一个ddd组件</div>
</template><template>
<ddd class="ddd" />
</template>
<script>
import ddd from "./ddd";
export default {
components:{
ddd
}
}
</script>我们给组件的标签添加了一个class属性，这个属性在props里面没有配置，并且是一个原生的html属性。
渲染
<div class="ddd">我是一个ddd组件</div>你可以看到，class原封不动的赋值给了组件的根元素上。
如果我们不需要这个特性，我们可以关闭这个效果
<template>
<div>我是一个ddd组件</div>
</template>
<script>
export default {
inheritAttrs: false, //默认为true
}
</script>这样就能关闭这个自动赋值到根元素的效果。
0
评论(0)