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

Data,computed,watch的作用?

data:

        data是一个对象,和数据相关的属性一般都放在data中

        data对象内部所有的内容都是成对的,也就是键值对,我们叫属性比如site、url、alexa、msg这样的属性是我们自己定义的

        Vue内部把data中的属性使用数据代理的方式直接绑定到了vm对象上

        Vue 会递归的将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象 (含有零个或多个的 key/value 对):浏览器 API 创建的原生对象,原型上的属性会被忽略。大概来说,data 应该只能是数据 - 不推荐观察拥有状态行为的对象。一旦观察过,不需要再次在数据对象上添加响应式属性。因此推荐在创建实例之前,就声明所有的根级响应式属性。官网API-data

computed:

        computed是计算属性,也就是计算值,它更多用于计算值的场景。

        computed具有缓存性,computed的值在getter执行后是会缓存的,只有在它依赖的属性值改变之后,下一次获取computed的值时才会重新调用对应的getter来计算。

        computed适用于计算比较消耗性能的计算场景。

watch:

        更多的是「观察」的作用,类似于某些数据的监听回调,用于观察props $emit或者本组件的值,当数据变化时来执行回调进行后续操作。

        无缓存性,页面重新渲染时值不变化也会执行。

总结:以上就是data,computed,watch的作用,感谢您的观看。

http://www.xdnf.cn/news/11705.html

相关文章:

  • 封面设计软件有什么?不容错过的五款封面设计软件
  • Android笔记之 TTS中文发音
  • 二本学渣考研失败,docker制作镜像教程
  • 仪表放大器放大倍数分析-运算放大器
  • vector的常见用法
  • 电脑黑屏问题的4种解决方法,两分钟轻松掌握
  • 计算机宽带拨号配置,宽带拨号上网怎么设置路由器
  • 关于OleDbCommand中操作数据库的几种方法的区别
  • 解决Warning: Cannot modify header information - headers already sent by问题
  • 【STM32】 DMA原理,步骤超细详解,一文看懂DMA
  • 鸿蒙生死印是谁的,逆天邪神:鸿蒙印的器灵还存在,或许云澈将知道些关于远古的秘密...
  • 蛙灵桌面
  • 完整版:iOS 6.1完美越狱全攻略(已实验成功)
  • 有哪些比较好用的黄页网站?
  • vc 网络编程(socket)
  • 备注,推荐一个别人的blog,关于界面的。
  • 中文搜索引擎提交入口
  • dreamweaver cs5 注册码及防激活
  • ZT: 排名前50个常用软件下载(带序列号)
  • 神仙级Python入门教程(非常详细),从零基础入门到精通,从看这篇开始
  • 【硬核游戏攻略】2.matlab中调用Java实现《大家来找茬》快速求解器
  • Linux系统输入quotacheck -ugcv /dev/sdb1报错
  • Oracle 物化视图 说明
  • VMware 笔记
  • ubuntu 9.10更新源设置
  • 【零基础学C语言】带你解析字符串连接函数:strcat_s 函数
  • Apache Ignite详解
  • catalog英文翻译_“目录”的英文翻译是“catalog还是contents
  • Linux使用busybox构建文件系统
  • Thrift 协议介绍