2018-01-17Vue-生命周期-计算属性

一、生命周期

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事件进行监听
最新变化的值，原来的值
内部写法，和外部写法
特别对数据请求监听