vue created 和mounted
时间: 2023-08-20 12:14:45 浏览: 79
在vue中created、mounted等方法使用小结
Vue的created和mounted是Vue实例的生命周期钩子函数。
created是在实例创建完成后被立即调用的钩子函数。在这一步,实例已经完成了数据观测、属性和方法的运算,以及watch/event事件回调的配置。但是,此时挂载阶段还没有开始,$el属性目前还不可用。[2]
mounted是在DOM渲染完成后执行的钩子函数。在这一步,你可以对DOM元素进行操作。当你在mounted内更改数据时,Vue不能保证立即进行页面渲染。但是,如果你想基于更新后的DOM状态来做一些操作,你仍然可以在数据变化之后立即使用Vue.nextTick(callback)或this.$nextTick(callback)来确保DOM已经更新。[3]
所以,created和mounted都是Vue实例的生命周期钩子函数,但它们在实例创建和DOM渲染的不同阶段执行,并具有不同的功能和用途。
阅读全文