Vue 选项 与 生命周期

选项

data (){}                   //绑定的数据

watch:{}                    //data中的数据发生变化，则出发对象的函数，接受两个参数，分别是新值和旧值

mounted(){}                 //页面加载时执行

methods:{}                  //绑定事件，只要调用它，函数就会执行

components:{}               //计算属性，和普通属性一样是在模板中绑定计算属性的，当data中对应数据发生改变时，
                            //计算属性的值也会发生改变。

props:{}                     //可以是数组或对象，用于接受父组件传递的数据

extends: ...                 //继承后，可以调用父类方法，优先调用父类方法

mixins:[]                    // 与extends同理，可以放入多个父类

---

new Vue lifecycle 生命周期

beforeCreate               //在实例初始化之后，数据观测`data observer` 和 event/watcher 事件配置之前被调用。

created                    //实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测`data observer`，

                           //属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
beforeMount                //在挂载开始之前被调用：相关的 render 函数首次被调用。


beforeUpdate               //数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。 
                           //你可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。

updated                    //由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。

beforeDestroy              //实例销毁之前调用。在这一步，实例仍然完全可用。

destroyed                  //Vue实例销毁后调用。调用后，Vue实例指示的所有东西都会解绑定，所有的事件监听器会被移除，
                           //所有的子实例也会被销毁。 该钩子在服务器端渲染期间不被调用。

转载于:https://my.oschina.net/u/3886184/blog/1921802