原理是：vue在编译的时候通过在DOM元素以及css样式上加上唯一标记，实现样式私有化，不污染全局样式。
如：编译为；对应的样式。my-class编译为。my-class[data-v-56e7f951]。
state中保存着共享数据；
修改state中的状态只能提交mutations中的方法，且方法必须是同步的；
需要异步方法时，写在actions中，提交mutations，由mutations修改state状态。
扩展资料：
vue在web开发、网站制作中的优势
1、据绑定：vue会根据对应的元素，进行设置元素数据，通过输入框，以及get获取数据等多种方式进行数据的实时绑定，进行网页及应用的数据渲染 。
2、组件式开发：通过vue的模块封装，它可以将一个web开发中设计的各种模块进行拆分，变成单独的组件，然后通过数据绑定，调用对应模版组件，同时传入参数，即可完成对整个项目的开发。
3、简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。
1.在组件中增加的css加了scoped属性之后，就在会在当前这个组件的节点上增加一个 data-v-xxx属性。2.此组件的所用的css，都会被设置为属性选择器例如下：
3.通过css的属性选择器从而解决了多个组件重复的class，会导致冲突的问题
