组件避免冲突

组件中data为什么是一个函数

    因为组件是用来复用的，且 JS 里对象是引用关系，如果组件中 data 是一个对象，那么这样作用域没有隔离，

子组件中的 data 属性值会相互影响，如果组件中 data 选项是一个函数，那么每个实例可以维护一份被返回对象的独立的拷贝，
组件实例之间的 data 属性值不会互相影响；而 new Vue 的实例，是不会被复用的，因此不存在引用对象的问题;

组件样式表添加 scoped 属性,样式只对当前组件有效;

vue数据单向流设计,数据只能从外向内修改,不能从内向外修改;