Vue组件中的scoped属性的作用是：当前的单文件组件的css样式只用于当前组件的template模板，在Vue脚手架汇总组件间关系时避免样式命名重复的情况。

        原理：使用data-*属性在template模板中使用样式的HTML元素上添加额外属性，再利用标签的属性选择器选定改模板中的html元素节点。