vue3写一个函数在生命周期创建时触发
在Vue3中,可以使用onMounted函数在组件生命周期创建时触发。以下是示例代码:
<template>
<div>
<p>{{ message }}</p>
</div>
</template>
<script>
import { onMounted, reactive } from 'vue';
export default {
setup() {
const state = reactive({
message: 'Hello, World!'
});
onMounted(() => {
console.log('Component mounted!');
});
return {
...state
};
}
};
</script>
在上述代码中,onMounted函数在setup函数中调用,用于在组件生命周期创建时触发。在这个函数内部,你可以执行你需要完成的操作,例如发送网络请求、初始化数据等。
原文地址: https://www.cveoy.top/t/topic/07C 著作权归作者所有。请勿转载和采集!