开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >vue.js进行数据监听

vue.js进行数据监听

章鱼喵

发布于 2018-08-02 15:23:03

发布于 2018-08-02 15:23:03

5K0

举报

文章被收录于专栏：codingcoding

在表单文本框写入文本时，将文本同步显示

数据监听.gif

实现此效果有多种方式。

事件监听方式

keyup事件监听

watch监听

watch会自动监听data中定义的数据

watch监听

computed计算属性

当computed中用到的数据，有任何一个变动时，就会触发重新计算

computed计算属性

`computed` vs `methods` vs `watch`

computed 结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用
methods 表示一个具体的操作，主要用于写业务逻辑
watch 主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作；可以看作是computed和methods的结合体

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018.07.07 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

目录

事件监听方式

watch监听

computed计算属性

computed vs methods vs watch