vue（感悟4)

vue 生命周期图设计到的单词

encounter
v. 遭遇；偶遇，邂逅
n. 偶遇，邂逅；经历，体验；冲突；比赛，交锋

options
n. 选择；期权；[计]选择项（option 的复数）
v. 给予……的销售权；为……提供选择供应的附件（option 的三单形式）

vue生命周期图

vue deep深度监听

watch:{
  obj:{ //监听的对象
    deep:true, //深度监听设置为 true
    handler:function(newV,oldV){
      console.log('watch中：',newV)
    }
  }
}

data () {
    return {
      obj:{
        name:'夜空中最亮的星星',
        age:18
      }
    }
  },
  watch:{
    'obj.name':{
      deep:true,
      handler:function(newV,oldV){
        console.log('watch中：',newV)
      }
    }
  }

当你更改了响应式状态，它可能会同时触发 Vue 组件更新和侦听器回调。

默认情况下，用户创建的侦听器回调，都会在 Vue 组件更新之前被调用。这意味着你在侦听器回调中访问的 DOM 将是被 Vue 更新之前的状态。

如果想在侦听器回调中能访问被 Vue 更新之后的DOM，你需要指明 flush: 'post' 选项：

export default { // ... watch: { key: { handler() {}, flush: 'post' } } }