天天看点

006、Vue实例的生命周期钩子

生命周期函数

  1. beforeCreate:实例初始化之后;

    2.created:实例创建之后执行,实例还未挂载时;

    3.beforeMount: 实例挂载到DOM节点前;

    4.mounted:el(挂载VUE实例的DOM节点)被创建的vm.$el替换之后调用;

    5.beforeUpdate:数据更新时调用,发生虚拟DOM重新渲染和补丁之前;

    6.updated:组件DOM更新之后调用,此处可以执行依赖于DOM的操作。一般情况用计算属性和watcher来代替。

// 即:VUE实例的watch对象,键是需要观察的表达式、值为对应的回调函数。
export default {
    data () {
        return {
            cartList: []
        }
    },
    watch: {
        cartList: function (val,odlVal) {

        }
    }
}           
006、Vue实例的生命周期钩子

// 该图片来自Vue官网

温馨提示:扫码可以提问、交流。本人有各个行业的小程序前端代码,如有需要也可以扫码留言哦。

006、Vue实例的生命周期钩子