宁波企业品牌网站建设,物流公司招聘,电子商务营销方式,安卓上搭建wordpress一、为什么要给style 节点加 scoped 属性#xff08;vue#xff09; 1、作用#xff1a;当style标签里面有scoped属性时#xff0c;它的css只作用于当前组建的元素。在单页面项目中可以使组件之间互不污染#xff0c;实现模块化#xff08;实现组件的私有化#xff0c;不…一、为什么要给style 节点加 scoped 属性vue 1、作用当style标签里面有scoped属性时它的css只作用于当前组建的元素。在单页面项目中可以使组件之间互不污染实现模块化实现组件的私有化不对全局造成样式污染表示当前style属性只属于当前模块。 2、实现原理 style 标签中添加 scoped 属性后vue 就会为当前组件中的 DOM 元素添加唯一的一个自定义属性唯一性的标记【data-v-xxx】,即CSS带属性选择器以此完成类似作用域的选择方式从而达到样式私有化不污染全局的作用。 data-v-hash值 解决第三方组件库
文章链接:scoped 属性的小知识_这里是蒋丞选手的博客-CSDN博客
