为了账号安全,请及时绑定邮箱和手机立即绑定

vue用了style scoped以后出现的唯一标识符data如何去掉,做了几个项目,真心觉得丑

vue用了style scoped以后出现的唯一标识符data如何去掉,做了几个项目,真心觉得丑

三国纷争 2018-12-20 15:10:44
这个data 一长串在网页控制台看着真心心累
查看完整描述

1 回答

?
犯罪嫌疑人X

TA贡献2080条经验 获得超4个赞

style scoped就通过给DOM设置唯一id实现的,你的样式会被编译成下面这样


div[data-v-0757e55f] {

    width: 100px;

}

也就是说样式作用域就是通过css的属性选择器实现的,如果去掉了它,也就没办法实现控制样式作用域的效果了。


我觉得如果你注意规范css类名(比如用BEM的方式来命名),避免类名重复,style scoped就完全没有必要。

我基本上不会使用style scoped,特别是需要重复使用的组件,加上style scoped会让你的css变得很大


查看完整回答
反对 回复 2019-01-22
  • 1 回答
  • 0 关注
  • 450 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信