vue-声明周期

yangdong

[JavaScript] 纯文本查看 复制代码

mounted : function(){
    console.log("123")
}

此声明周期函数会在el 可以挂载时会触发

[JavaScript] 纯文本查看 复制代码

updated 回调会在数据有更新时触发
如 有一个变量A，通过某个如点击事件的函数改变了这个变量时  就会触发改函数

还有一个

[JavaScript] 纯文本查看 复制代码

watch 声明周期函数，监听改的值
如 现有message变量
如 我现在有一个某点击事件改变了改变量的值
此方法就会触发
它的写法：我要监听message这个变量是否有变化
message 的两个参数为新值和旧值
watch ： function(){
  message ： function(news, olds){
    consol.log('新值：', news)
    consol.log('新值：', news)
}
}
比如我修改了message的值，如message变量原来的值为 hello，我把它改为hi 此时watch方法就会执行，会打印
新值：hi
旧值：hello