created和mounted的使用场景
时间: 2023-09-11 22:03:33 浏览: 117
vue 路由子组件created和mounted不起作用的解决方法
`created` 和 `mounted` 是 Vue.js 中的两个生命周期钩子函数,它们的使用场景如下:
1. `created` 钩子函数会在 Vue 实例被创建后立即调用,此时模板和虚拟 DOM 都尚未被渲染出来,但是该钩子函数中可以访问到实例的数据和方法。所以,如果需要在 Vue 实例创建后进行一些数据初始化的操作,可以在 `created` 钩子函数中进行。
2. `mounted` 钩子函数会在 Vue 实例被挂载到页面上后调用,此时模板和虚拟 DOM 都已经被渲染出来,所以该钩子函数中可以访问到实例的 DOM 元素。因此,如果需要在 Vue 实例被挂载到页面后进行一些 DOM 操作或者需要获取 DOM 元素的属性,可以在 `mounted` 钩子函数中进行。
总之,`created` 钩子函数适合进行数据初始化等操作,而 `mounted` 钩子函数适合进行 DOM 操作和获取 DOM 元素属性等操作。
阅读全文