生命周期钩子函数
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(侦听器) 是观察监听一个特定的值，根据被观察监听者的变动进行相应的变化，
