【vue3】组合式API之setup()介绍与reactive()函数的使用
<template>
<div>
<p>{{ state.count }}</p>
<button @click="state.count++">增加</button>
</div>
</template>
<script>
import { reactive } from 'vue';
export default {
setup() {
// 使用reactive创建一个响应式的状态对象
const state = reactive({
count: 0,
});
// 返回一个对象，该对象的属性会被绑定到模板上
return {
state,
};
},
};
</script>这个例子展示了如何在Vue 3中使用组合式API的setup函数和reactive函数来创建一个响应式的状态。setup函数是一个组件的入口点，用于组织和定义组件的逻辑。reactive函数用于创建一个响应式的对象，可以直接在模板中使用，无需像Vue 2中那样使用data函数。
评论已关闭