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中访问

<P>当前count的值为{{count}}<P/>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 关于响应式原理想必大家都很清楚了,下面我将会根据响应式API来具体讲解Vue3.0中的实现原理, 另外我只会...
    西施老师阅读 6,760评论 2 0
  • 🎉 🎉 来喽,来喽,他真的来喽,Vue3.0 !!!! 官方文档( 中文版 ):https://vue3js.cn...
    Nicholas_liang阅读 24,411评论 4 23
  • 1.基本用法 ref()函数用来根据给定的值创建一个响应式的数据对象,ref()函数调用的返回值是一个对象,这个对...
    阿鑫YuXi9999阅读 11,724评论 0 1
  • 前言 Vue3.0的步伐越来越近了,是时候了解起来了,虽然嘴上还喊学不动了,但是,身体还得诚实起来,接着学。。。通...
    Mstian阅读 13,330评论 1 9
  • setup setup函数是一个新的组件选项。作为在组件内使用 Composition API 的入口点。 调用时...
    裘马轻狂大帅阅读 5,601评论 0 0