# 实例与生命周期
# 创建一个 Vue 实例
每个 Vue 应用都是通过用
Vue
函数创建一个新的 Vue 实例开始的当创建一个 Vue 实例时,你可以传入一个选项对象。
# 数据与方法
- 当一个 Vue 被创建时,它将
data
对象中的所有 property 加入到 Vue 的响应式系统中,当这些 property 的值发生改变时,视图将会产生响应。即匹配更新为新的值。这就是数据响应式。 - 注意只有当实例在创建时,定义在 data 内的数据,才是响应式的
# 实例生命周期钩子
- 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。在这些过程中会同时
运行
一些叫做生命周期钩子的函数。 - 生命周期钩子的 this 上下文指向调用它的实例
- 不要在 property 或者回调上使用箭头函数,避免 this 指向错误