vue3onmounted中调用methods
时间: 2023-04-28 14:03:15 浏览: 209
vue 在methods中调用mounted的实现操作
5星 · 资源好评率100%
在Vue3中,可以在mounted生命周期钩子函数中调用methods方法。例如:
```
<template>
<div>
<button @click="showMessage">显示消息</button>
</div>
</template>
<script>
export default {
methods: {
showMessage() {
console.log('Hello World!');
}
},
mounted() {
this.showMessage();
}
}
</script>
```
在上面的代码中,我们定义了一个showMessage方法,并在mounted生命周期钩子函数中调用它。当组件挂载完成后,会自动调用mounted函数,并执行showMessage方法,打印出"Hello World!"。
阅读全文