mounted钩子中使用$refs出现undefined
原因:如果在DOM结构中的某个DOM节点使用了v-if、v-show或者v-for
(即根据获得的后台数据来动态操作DOM,即响应式),那么这些DOM是不会再mounted阶段找到的
。
**解决方法:**如果说mounted阶段是加载阶段,那么updated阶段则是完成了数据更新到DOM的阶段。在update阶段使用this.$refs.xxx,就100%能找到该DOM节点
。
vue 钩子函数
created()与activated()
created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;
activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等
keep-alive用法
<keep-alive>
是Vue的内置组件,能在组件切换过程中将状态保留在内存中