vue生命周期流程

vue生命周期流程图

1.vue实例初始阶段

new Vue( )：启动Vue执行环境，创建环境中Vue实例
init event & kifecycle ：初始化vue的事件环境
init injections & reactivity：初始化vue实例的基本功能 1.参数写入–数据（data），方法（methods），计算属性（computed）…2.生成响应功能（数据劫持）

vue对应的div容器代码如下：

<div id="app">
	<p>{
  { msg }}</p>
	<input type="text" v-model="msg">
</div>

钩子函数 beforeCreate( ) 和 created( ) 测试代码如下：

var vm = new Vue({
	el:"#app",
        data:{
            msg:"测试",
        },
        methods:{},
        computed:{},