vue.js中created()、activated()、deactivated()理解

created():在创建vue对象时,当html渲染之前触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;

activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据、keepalive缓存组件后,可执行方法;

deactivated():离开组件时执行;

注意:activated()和deactivated()只有在包裹的时候才有效;

例:

新建两个组件,compA,compB:





同理建compB;

在view中引用两个组件:





在点击切换B组件时,A组件的deactivated()会执行;

注::is后绑定组件名,渲染当前组件;

你可能感兴趣的:(VUE,前端,vue)