vue3中的mounted函数
时间: 2023-10-21 17:25:18 浏览: 195
解决vue2 在mounted函数无法获取prop中的变量问题
在Vue 3中,mounted钩子函数已经被重命名为`onMounted`。以下是在Vue 3中如何使用`onMounted`钩子函数:
```javascript
import { onMounted } from 'vue';
export default {
// ...
setup() {
onMounted(() => {
// 在组件挂载后执行的逻辑
console.log('组件已挂载');
});
},
};
```
在`setup`函数中使用`onMounted`钩子函数,并传入一个回调函数。这个回调函数会在组件挂载后被调用,你可以在其中编写需要在组件挂载后执行的逻辑。以上示例中,当组件挂载后会在控制台输出"组件已挂载"。
阅读全文