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

data如果是函数，每次使用一次就会返回一个新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会造成一个变了全都会变的结果。

数据与方法

当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。 当这些数据改变时，视图会进行重渲染。值得注意的是只有当实例被创建时就已经存在于 data 中的 property 才是响应式的。也就是说如果你添加一个新的 property

除了数据 property，Vue 实例还暴露了一些有用的实例 property 与方法。它们都有前缀 $，以便与用户定义的 property 区分开来

在vm实例中，如果想要获取data上的数据，或者调用methods中的方法，必须通过 this.数据属性名火this.放大进行访问，这里的this就表示new出来的VM实例 重新拼接得到的字符串赋值给this.msg vm实例，会监听自己身上dta中所有数据的改变，只要数据改变，就会把最新的数据从data 上同步到页面中 使用.prevent阻止默认行为 使用.capture实现捕获触发事件的机制 .self只当事件在该元素本身触发时触发回调 .once事件只触发一次