vue3 onmounted
时间: 2023-10-07 17:08:47 浏览: 98
vue3 + vuex + vue-router + element-plus 通用后台管理系统.zip
`onMounted`是Vue 3中的一个生命周期钩子函数,它在组件挂载到页面后执行。具体来说,它会在`setup()`函数中被调用,可以用来执行一些初始化操作,例如获取数据或者绑定事件等。
示例代码如下:
```
<template>
<div>
<p>{{ message }}</p>
</div>
</template>
<script>
import { onMounted, ref } from 'vue';
export default {
setup() {
const message = ref('');
onMounted(() => {
message.value = 'Hello, Vue 3!';
});
return {
message,
};
},
};
</script>
```
上述代码中,我们使用`onMounted`在组件挂载后将`message`的值修改为`'Hello, Vue 3!'`。在`setup()`函数中,我们还使用了`ref`来定义了一个响应式变量`message`,并将其返回。最终,在页面中显示的内容就是`'Hello, Vue 3!'`。
阅读全文