Vue 深入探秘

挂载顺序

为每个组件添加mounted钩子函数，此函数在组件被挂载完成的时候执行。执行的顺序为兄弟组件从上至下执行，父子组件父组件先执行。

watch

实例的watch方法不仅可以观察data里面的数据，还可以观察父组件传送过来的props里的数据，以及计算属性computed的变化

深度观察

watch: {
    'data/props/computed': {
        handler: function() {}, //观测到变化时执行的处理方法
        deep: true
    }
}

nextTick

将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。

重点在于回调函数执行的时间，是在数据被修改后，依赖于这些数据的DOM更新之后立即执行。

$emit

this.$emit('eventName', args);

$emit方法可以带参数，在父组件绑定事件时不需要写参数。

<my-component @evnetName="handler"></my-component>

handler后面不加(args)

二级标题

三级标题

四级标题

注：