vue3如何获取数据
时间: 2023-12-03 20:39:12 浏览: 190
根据提供的引用内容,Vue3中获取数据的方式是通过在Vue实例创建后立即调用的`created`生命周期函数中使用已经设置的数据或进行操作来获取数据。需要注意的是,Vue3中的生命周期函数使用的是函数式API,而不是对象式API。
除了`created`生命周期函数,Vue3还提供了其他的生命周期函数,例如`beforeCreate`、`mounted`等,可以在不同的阶段进行不同的操作。此外,Vue3还提供了`setup`函数,可以在组件实例化之前进行数据的初始化和响应式处理。
下面是一个使用`created`生命周期函数获取数据的示例代码:
```vue
<template>
<div>
<p>{{ message }}</p>
</div>
</template>
<script>
import { reactive } from 'vue'
export default {
created() {
// 使用已经设置的数据
console.log(this.message)
// 进行操作
this.message = 'Hello, Vue3!'
},
setup() {
// 初始化数据并进行响应式处理
const state = reactive({
message: 'Hello, World!'
})
return {
message: state.message
}
}
}
</script>
```
阅读全文