看实际情况,一般在 created(或beforeRouter) 里面就可以,如果涉及到需要页面加载完成之后的话就用 mounted。
在created的时候,视图中的html并没有渲染出来,所以此时如果直接去操作html的dom节点,一定找不到相关的元素
而在mounted中,由于此时html已经渲染出来了,所以可以直接操作dom节点,(此时document.getelementById 即可生效了)。
所以根据具体情况具体分析。数据量大的话还可以用vuex,所有的数据更新都会同步渲染。
示例:
单文件组件内使用时的示例:
这是一个示例
</div
一直搞不懂vue中的生命周期,怎么才能搞清楚?
vue官网说,“你暂时不用搞清楚这些...",我觉得你既然准备用vue做开发的,不搞懂搞透它,你以后会发现踩的坑终究还是有它引起的,等以后再来补坑,不如现在就拿下它。
以下主要从几个方面来讲:
1.vue的生命周期是什么
2.vue生命周期的在项目中的执行顺序
3.vue中内置的方法 属性和vue生命周期的运行顺序(methods、computed、data、watch)
4.自己构造的方法与vue生命周期的运行顺序 如show这些
5.总结
一、vue的生命周期是什么
vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。在组件中具体的方法有:
beforeCreate
created
beforeMount
mounted
(
beforeUpdate
updated
)
beforeDestroy
destroyed
对应的中文就如其字面意思,英文不好的童鞋可以寻找翻译软件哦!谢谢!
Vue在哪个生命周期加载数据好?
Vue-生命周期8个钩子函数