vue3 mounted
时间: 2023-10-07 22:08:51 浏览: 124
vue 在methods中调用mounted的实现操作
5星 · 资源好评率100%
Vue 3中已经不再使用mounted生命周期钩子函数,取而代之的是使用setup函数。在setup函数中,可以通过引入onMounted函数来实现类似的功能。下面是一个基本的示例:
```javascript
import { onMounted } from 'vue';
export default {
setup() {
onMounted(() => {
// 在组件挂载后执行的代码
console.log('Component mounted!');
});
},
};
```
在上述示例中,我们通过引入`onMounted`函数,并在组件的`setup`函数中调用它。然后,我们可以在`onMounted`函数的回调函数中编写在组件挂载后执行的代码。
需要注意的是,`setup`函数是Vue 3中新引入的组件选项,它取代了之前版本中的选项(如data、methods等)。在`setup`函数中,我们可以使用其他Composition API来编写组件逻辑。
阅读全文