1,作用?

答:某个组件里面的style样式只对改.Vue文件生效。

2,如何使用?

答:在.Vue文件当作,给<style>标签加上scope属性,即<style scope><style/>。

Vue之scope属性-LMLPHP

3,原理?

答:Vue的cli进行编译时,会给对应选择器的标签加上data-属性(即自定义HTML属性),如data-aabbcc。data-是html自带的特性,用于自定义html标签属性。然后,Vue自动修改属性选择器进行区分。

Vue之scope属性-LMLPHP

Vue之scope属性-LMLPHP

4,style的lang属性?

答:用于指定使用哪种css编写技术进行编写css样式和编译。如下图,使用less进行css样式编写,并使用less-loader进行编译。

Vue之scope属性-LMLPHP

09-13 07:40