当前位置: 首页 > news >正文

山东省建设工程管理局网站大学做html个人网站素材

山东省建设工程管理局网站,大学做html个人网站素材,网站建设的空间选择,专用车网站建设价格在上一篇文章里我描述了reactive响应式的原理,但是vue3不止只有reactive能创建响应式的对象,它还有ref也能创建响应式对象。 那ref的响应式原理是与reactive一样的吗? 先说结论:是的! 我之前一直以为ref是vue2的Obje…

在上一篇文章里我描述了reactive响应式的原理,但是vue3不止只有reactive能创建响应式的对象,它还有ref也能创建响应式对象。
ref的响应式原理是与reactive一样的吗?

先说结论:是的!

我之前一直以为ref是vue2的Object.defineProperty的实现而且一直被误导了很久,甚至还在某次面试上大言不惭的说ref是基于Object.defineProperty实现的,现在想来还真是头铁呢!

ref本身其实与reactive并无多大的区别,响应式也是reactive那一套(effect()track()trigger()),而设计出ref的原因只是因为reactive必须传入一个引用类型,因为proxy只能代理对象,而像是基础类型什么number string bool啥的它是没法代理的。所以本质上ref只是一层ractive的语法糖,通过包装成.value的对象进而被Proxy代理。
类似这样的:

function ref(value) {// 把原始值转换为响应式对象(如果是对象)const wrapper = {get value() {track(wrapper, 'value');    // 收集依赖return value;},set value(newVal) {if (newVal !== value) {value = newVal;trigger(wrapper, 'value'); // 触发依赖}}};return wrapper;
}

结论

ref 是 Vue 3 用来让基础类型响应式的语法糖,它的 .value 是响应系统的出口,底层实现并不再使用 Vue 2 的 Object.defineProperty,而是走统一的 Proxy + track/trigger 架构。

http://www.dtcms.com/a/514264.html

相关文章:

  • 做网站需要买ip地址吗华为公司邮箱是多少
  • 网站建设外文版政策文件福州设计公司排名
  • 手机上怎样制作网站优化设计答案五年级下册
  • 苏州做网站公司怎么样云优化网站建设
  • 烟台做网站要多少钱秦皇岛海三建设没钱了
  • 怎样自学网站开发网页模版素材
  • 阿里云 网站根目录wordpress 页面 文章 区别
  • 临时域名用于网站调试万泉河网站建设
  • 做营销看的网站有哪些购物网站的建设的好处
  • 杭州网站建设商城价格咨询公司注册经营范围
  • 网站建设中哪些最重要性湖北省和住房建设厅官方网站
  • 如何仿网站模板怎么查看网站有没有做推广
  • 网站做系统叫什么东莞中小型网站建设
  • 澄海玩具网站建设公司网络平台贷款还不了会有什么后果
  • 网站建设要实现的目标万户网络技术有限公司官网
  • 订做网站建设宁波seo的公司联系方式
  • 四川建设厅网站登录不上咋办企业所得税怎么做账
  • 单品电商网站建设WordPress代码与tp代码
  • 免费企业网站建立音乐网站开发工具
  • 电子商务网站建设实践免费空间凡科
  • 柳州网站建设推荐wordpress有识图接口吗
  • 公司微网站建设企业网站优化方案案例
  • 奉贤免费网站建设国外浏览器推荐
  • 外贸网站 cms东莞房价2021
  • php做商城网站建设做网站公司名字
  • 西安建设局网站地址seo推广排名
  • 建站网址导航9277在线观看免费高清
  • 江西企业网站建设哪家好海口网站建设做网站
  • 自己怎么做电影网站天猫店铺装修做特效的网站
  • 搭建网站实时访问地图什么网站做首页