vue3 项目里边 created 怎么使用
时间: 2023-11-27 16:50:22 浏览: 48
vue3项目,带增删改,连带node_modules包,下载后运行npm run serve启动
4星 · 用户满意度95%
在Vue3中,`created`生命周期钩子函数的使用方式和Vue2基本相同。
在组件中,你可以像这样使用:
```
<template>
<div>{{ message }}</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello, Vue 3!'
}
},
created() {
console.log('Component created.')
}
}
</script>
```
当组件实例被创建时,`created`生命周期钩子函数将会被调用,这里我们只是简单地在控制台输出一条信息。同时我们在`data`属性中定义了一个`message`属性,并在模板中使用了它。
请注意,如果你使用的是`setup`函数来编写组件,则没有`created`生命周期钩子函数。在`setup`函数中,你可以使用`onBeforeMount`或`onMounted`来执行类似的操作。
阅读全文