生命周期钩子函数

beforeCreate       组件实例刚被创建，组件属性计算之前，如data属性等

created                组件实例创建完成，属性已绑定，但DOM还未生成，$el属性还不存在

beforeMount        模板编译/挂载之前

mounted              模板编译/挂载之后

beforeUpdate      组件更新之前

updated               组件更新之后

activated              组件被激活时调用

deactivated          组件被移除时调用

beforeDestory      组件销毁前调用destoryed 组件销毁后调用

methods(方法)、

methods: 里面是用来定义函数的并且是需要主动调用的，必须要有一定的触发条件才能执行   

computed(计算属性)、watch(侦听器)

使用方式不同 

computed：计算属性的回调函数方法可以直接在页面中通过插值表达式——{{}}来获取。此时我们不需要再data数据域中再定义一个与方法名相同的属性。

watch：方法名必须是data数据域中所存在的，否则无法使用。 

监听数量不同

computed：它可以监听很多个变量，但是这个变量呢一定是在vue实例里面（date）  

watch：监听的是一个单一的变量，或是一个数组，

使用场景不同 

watch（异步场景）一个数据影响多个数据

computed（数据联动） 一个数据受多个数据影响

共同点：都可以实现通过监控data数据域中属性值的变化来触发相应的回调函数

总结 ：

computed(计算属性) ：计算是通过变量计算来得出数据。

watch(侦听器)  是观察监听一个特定的值，根据被观察监听者的变动进行相应的变化，