10月16日,2022

在软件开发中前端使用Vue.js的组件中css部分scope的作用解释

在软件开发中使用Vue.js进行前端软件开发时候,通过k开发软件创建vue组件时候,都自动style部分默认带scope。但是有时候需要去掉它,所有有此研究必要。

  功能:

  在组件的css部分style上加scoped的作用,主要是告诉解释器,此部分的样式代码只在当前vue组件生效,从而实现组件的私有化、实现css隔离,不对全局及其他组件造成样式污染,如果需要此组件的内的样式,是需要全局都有用,就需要去除。

 实现原理:

  style上加入scoped属性, 在编译解释时候在此组件的css上标签上加上一个随机数生成的data-v开头的属性,防止互相污染,相反没有就不会加。

本文链接:https://www.liaonian.com.cn/info_51.html

-- EOF --