2019-02-21学习watch 数组 父组件与子组件

本文介绍了Vue.js中watch的使用,如何监听数据变化。接着探讨了数组操作,如`push`方法在购物车场景的应用。然后详细讲解了父组件如何通过props向子组件传递数据,以及子组件如何通过$emit触发父组件的方法,实现双向通信。
摘要由CSDN通过智能技术生成

一, 监听器watch
在vue中,使用watch来响应数据的变化.
可以用来监测Vue实例上的数据变动。
如果对应一个对象,键是观察表达式,值是对应回调,值也可以是方法名,或者是对象,包含选项。
在此例中,用来监听上面data中声明过的对象。
dada中定义countTimes:0,这是累加的次数,初始值为0
在这里插入图片描述

在script下添加:这里面要注意,new Data中间要添加一个空格。
在这里插入图片描述
页面显示:

在这里插入图片描述
跟上一节学过的computed相比较:
Computed:是计算属性,上面未声明过,用于马上出结果,同步结果
Watch: 是监听属性,上面在data中声明过的,不要求马上出结果,异步结果。
二, 数组操作:
Push
在data下先声明个数组和一个字符串:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值