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

网站要流量有什么用手机制作表格教程

网站要流量有什么用,手机制作表格教程,深圳建设银行,永康企业网站建设readonly: 深度只读数据 获取一个对象 (响应式或纯对象) 或 ref 并返回原始代理的只读代理。 只读代理是深层的#xff1a;访问的任何嵌套 property 也是只读的。 shallowReadonly 浅只读数据 创建一个代理#xff0c;使其自身的 property 为只读#xff0c;但不执行…· readonly: 深度只读数据 获取一个对象 (响应式或纯对象) 或 ref 并返回原始代理的只读代理。 只读代理是深层的访问的任何嵌套 property 也是只读的。 · shallowReadonly 浅只读数据 创建一个代理使其自身的 property 为只读但不执行嵌套对象的深度只读转换 应用场景: 在某些特定情况下, 我们可能不希望对数据进行更新的操作, 那就可以包装生成一个只读 代理对象来读取数据, 而不能修改或删除 ·isReadonly 用于判断是不是一个readonly对象 返回值boolean templatediv stylefont-size: 14px;p{{count1}}/pp{{copyReadonlyRef}}/pp{{state}}/pp{{copyReadonlyReactive2}}/pp{{copyReadonly3}}/pp{{state3}}/p/div /templatescript langts /* readonly: 深度只读数据获取一个对象 (响应式或纯对象) 或 ref 并返回原始代理的只读代理。只读代理是深层的访问的任何嵌套 property 也是只读的。 shallowReadonly: 浅只读数据创建一个代理使其自身的 property 为只读但不执行嵌套对象的深度只读转换 应用场景: 在某些特定情况下, 我们可能不希望对数据进行更新的操作, 那就可以包装生成一个只读代理对象来读取数据, 而不能修改或删除 isReadonly 用于判断是不是一个readonly对象 返回值boolean */ import {defineComponent,reactive,ref,readonly,shallowReadonly,isReadonly, } from vue // vue3.0版本语法 export default defineComponent({setup () {const count1 ref(1)// 原本的ref对象使用readonly创建出一个只读对象const copyReadonlyRef readonly(count1)console.log(count1,count1)console.log(copyReadonlyRef,copyReadonlyRef)// 原本的reactive对象使用readonly创建出一个只读对象const state reactive({a: {b: 2}})const copyReadonlyReactive2 readonly(state)console.log(state, state)console.log(copyReadonlyReactive2, copyReadonlyReactive2)// 直接创建一个readonly对象const copyReadonly3 readonly({x: {y: 3}})console.log(copyReadonly3,copyReadonly3)// 3秒后尝试改变reactive/ref对象的数据和只读对象的数据setTimeout(() {count1.value 1 // 结果为count1改变为 2copyReadonlyRef.value 2 // 警告: Set operation on key value failed: target is readonlydelete copyReadonlyRef.value // 警告: Delete operation on key value failed: target is readonlystate.a.bcopyReadonlyReactive2.a.b // 警告: Set operation on key count failed: target is readonlycopyReadonly3.x.y // 警告: Set operation on key count failed: target is readonly}, 3000)// 定义一个shallowReadonly对象只对自身的property进行只读转换// 深层的属性还是可以改变值的。const state3 shallowReadonly({foo: 1,nested: {bar: 2}})// 改变状态本身的property将失败state3.foo // 警告: Set operation on key foo failed: target is readonlyconsole.log(isReadonly?state3.foo,isReadonly(state3.foo));// falseconsole.log(isReadonly?state3.nested,isReadonly(state3.nested));// falseconsole.log(shallowReadonly-state3,state3);// 适用于嵌套对象 深层的属性可以改变值state3.nested.bar // 结果为3 成功改变了值return {count1,copyReadonlyRef,state,copyReadonlyReactive2,copyReadonly3,state3}} }) /script 初始化页面及数据 可以看到shallowReadonly第一层 是只读对象想改变值 是会弹出警告 而深层的值是可以被改变的state3.nested.bar后 值为3了。 3秒后的数据操作更新页面 可以看到非readonly对象是值可以被改变的而readonly对象包裹的无论是reactive还是ref对象都不可以改变值也不可以delete删除值。 会弹出警告⚠️ 欢迎关注我的原创文章小伙伴们我是一名热衷于前端开发的作者致力于分享我的知识和经验帮助其他学习前端的小伙伴们。在我的文章中你将会找到大量关于前端开发的精彩内容。 学习前端技术是现代互联网时代中非常重要的一项技能。无论你是想成为一名专业的前端工程师还是仅仅对前端开发感兴趣我的文章将能为你提供宝贵的指导和知识。 在我的文章中你将会学到如何使用HTML、CSS和JavaScript创建精美的网页。我将深入讲解每个语言的基础知识并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者我的文章都能够满足你的学习需求。 此外我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展新的框架和工具层出不穷。通过我的文章你将会了解到最新的前端技术趋势并了解如何应对这些变化。 我深知学习前端不易因此我将尽力以简洁明了的方式解释复杂的概念并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发并提升你的技能。 如果你想了解更多关于前端开发的内容不妨关注我的原创文章。我会不定期更新为你带来最新的前端技术和知识。感谢你的关注和支持我们一起探讨交流技术共同进步期待与你一同探索前端开发的奇妙世界
http://wiki.neutronadmin.com/news/17673/

相关文章:

  • 石家庄网站定做网站渠道建设
  • 互联网网站基础报价单模板怎么做
  • 西昌有做网站的公司吗天元建设集团有限公司商票逾期
  • 公司建设网站带来什么集团网站策划方案
  • 用系统建购物网站软件推广网站
  • 企业网站版面设计技巧wordpress扩展字段
  • 电脑做网站服务器网站建设技术可行性
  • 郑州做网站优化外包蛋糕设计网站
  • 高端网站开发设计红色基调的网站
  • 自己建的网站无法打开网站模板在线制作
  • 无锡制作网站价格i网站制作
  • 江苏省建设厅政务网站桔子摄影
  • 有什么兼职做it的网站wordpress 文章间距
  • 番禺五屏网站建设为什么wordpress慢
  • 公主坟网站建设淮阴区住房和城乡建设局网站
  • 婚纱摄影网站论文网站浮动qq
  • 公司网站开发人员的的工资多少百度网址安全中心怎么关闭
  • 做品牌推广网站需要多少钱哪家的虚拟主机哪个好
  • 常州做网站公司排名抖音账号权重查询
  • 艺阳科技网站建设最强商城系统
  • 专业网站建设哪个好wordpress转换emlog
  • 河源北京网站建设网页制作与设计是什么
  • 微信官方网站建设如何确定一个网站的关键词
  • 本科网站开发毕业设计php网站建设案例教程视频
  • 国外 网站网站珠海做网站设计
  • 广州网站建设服务商广州专业网站设计公司
  • 如何做企业网站内容策划沈阳科技网站首页
  • 怎么给你新网站做seo有没有做gif的专门网站
  • 深圳一百讯网站建设使用word做网站
  • 做旅游网站犯法吗域名到期网站