vue 修改文件不生效_重读 vue 官方文档

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：

var vm = new Vue({
  // 选项
})

虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例

Vue 组件都是 Vue 实例，并且接受相同的选项对象 (一些根实例特有的选项除外)。

使用 Object.freeze()，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化。

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

var data = { a: 1 }
var vm = new Vue({
  el: '#example',
  data: data
})

vm.$data === data // => true
vm.$el === document.getElementById('example') // => true

// $watch 是一个实例方法
vm.$watch('a', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
})

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编