一、生命周期
Vue实例从开始创建到销毁的过程，称之为生命周期
钩子函数：事件劫持机制（用于对事件进行早期处理，对vue内部事件进行一些配置）
生命周期有8个阶段：
beforeCreate(){
console.log('loading');
alert('组件实例刚刚创建，还未进行数据观测和事件配置');//创建前状态 el和data并未初始化
},
created(){//常用 创建完毕状态 完成了data数据的初始化 el没有
alert("实例已经创建完成，并且已经进行数据观测和事件配置")
},
beforeMount(){ //挂载前状态 完成了el和data初始化
this.msg="112233";
alert("模板编译之前，还没挂载");
},
mounted(){//常用 挂载结束状态 完成挂载
alert("模板编译之后，已经挂载，此时才会有渲染页面，才能看到页面上数据的显示")
},
beforeUpdate(){ //更新前状态
alert("组件更新之前");
},
updated(){ //更新完成状态
alert("组件更新之后");
},
beforeDestroy(){ //销毁前状态
alert("组件销毁之前");
},
destroyed(){ //销毁完成状态
alert('组件销毁之后');
}
从创建（Create） ==> 挂载(渲染数据的时候Mount) ==>更新（Update） ==> 销毁（Destroy）
二、计算属性
computed 计算属性
引用 缓存
作用：用于存储和处理数据
$watch
对vue事件进行监听
最新变化的值，原来的值
内部写法，和外部写法
特别对数据请求监听
