vue 计算属性 实例选项 生命周期

Posted 2020-10-12 xzzzys

vue 计算属性：

　　computed：{}

　　写在new vue()的属性，只要参与运算，数据不发生变化时，次计算只会执行一次，结果缓存，之后的计算会直接从缓存里去结果。如果其中的值发生变化（不管几个），会重新计算，在重新缓存

　　在computed和methods的方法里直接调用data里的数据时用      this.msg      如：console.info(this.msg);

　　methods:主要用于事件

　　watch：属性，对监控的数必须要每个参与计算的值一个一个的监控，但不建议使用

 

vue 实例选项：

　　el,data,methods,computed,template

　　$el,$root,$partent,$children,$data

可以用app.$mount("#app")代替  “el”:"#app",但是要写在new vue()  外面

 

vue 生命周期：

1，创建：created:function(){}　　//创建完成之后，加载之前的回调函数，也叫钩子函数

　　　　　beforeCreate：function（）{}　　//创建之后的钩子函数

2，加载：beforeMount:function(){}　　

　　　　　mounted:function(){}

3，运行：beforeUpdate:function(){}

　　　　　updated:function(){}

4，销毁：beforeDestroy:function(){}

　　　　　destroyed:function(){}