vue3.0 reactive函数

reactive（）函数接收一个普通对象，返回一个响应式的数据对象。

基本语法

import {reactive}from "@vue/composition-api"  //按需导入函数

const state=reactive({count:0}) //得到的state类似于vue2.x中date返回的响应式数据对象

在setup()函数中调用reactive（）函数创建响应式数据对象

setup{

const state=reactive({count:0})

return state  //将响应式数据对象return出去供template使用

}

在template中访问

当前count的值为{{count}}