栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

setup中ref与reactive

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

setup中ref与reactive

setup函数:

  1. 新的option,所有的组合api函数都在此使用,只有在初始化时执行一次

   
   
   

后台输出:

使用到这,这个函数有点vue2.0中生命周期函数created的味道了

  1. 函数如果返回对象,对象中的属性或方法,模板中可以直接使用

ref实现响应式:
ref是一个函数,作用:定义一个响应式的数据,返回的是一个ref对象,对象中有一个value属性,用来处理基本数据类型,如果用ref对象/数组,内部自动会将对象/数组转换为reactive的代理对象

如果需要对数据进行操作,需要使用该ref对象调用value属性的方式进行操作


html模板中是不需要使用.value属性的写法


reactive作用:定义多个数据的响应式
const proxy = reactive(obj);接收一个普通对象然后返回该普通对象的响应式代理器对象






效果:

const user = reactive(obj)
(1)uesr对象或者obj对象添加一个新的属性,哪一种方式会影响界面的更新
(2)user对象或者obj对象中移除一个已经存在的属性,哪一种方式会影响界面的更新

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1020581.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号