2018-11-13(生命周期/v-if/v-show)

v-if: 判断是否加载,可以减轻服务器的压力,在需要时加载。

v-show:调整css dispaly属性,可以使客户端操作更加流畅。

create 和 mounted 相关:

beforecreated:el 和 data 并未初始化

created:完成了 data 数据的初始化,el没有

beforeMount:完成了 el 和 data 初始化

mounted :完成挂载 dom元素已经加载到HTML中

destroy 相关: 执行:vm.$destroy()

销毁完成后,我们再重新改变count的值,vue不再对此动作进行响应了。

但是原先生成的dom元素还存在,可以这么理解,执行了destroy操作,后续就不再受vue控制了。

生命周期总结:

beforecreate : 举个栗子:可以在这加个loading事件

created :在这结束loading,还做一些初始化,实现函数自执行

mounted : 在这发起后端请求,拿回数据,配合路由钩子做一些事情

beforeDestory: 你确认删除XX吗? destoryed :当前组件已被删除,清空相关内容

你可能感兴趣的:(2018-11-13(生命周期/v-if/v-show))