Vue2.0用 watch 观察 prop 变化(不触发)
2017-09-08 17:15
741 查看
本文介绍了Vue2.0用 watch 观察 prop 变化(不触发),分享给大家,具体如下:
A 组件:
export default { props:{ name:{ type:String } }, data () { return { author: "Jinkey" } }, mounted:function(){ this.author = 'lili' }, watch:{ name:function(){ console.log(this.name); }, author:function(){ console.log('lili'); } } }
author 有监测到变化,并输出了 lili ; name 由 B 组件传入,却没有监测到,控制台没有输出。
在 B 组件里调用 A 组件,并传值给 name
<firstcomponent :name="name"></firstcomponent> import firstcomponent from './component/firstcomponent.vue' export default { data () { return { msg: 'Hello Vue!', name:'lili' } }, components: { firstcomponent} }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue使用watch 观察路由变化,重新获取内容
- vue使用watch 观察路由变化,重新获取内容
- 解决Vue2.0 watch对象属性变化监听不到的问题
- 【vue】——使用watch 观察路由变化,重新获取内容
- VC++6.0调试篇:运行时间的观察--watch窗口的技巧续
- [转]下拉框OnChange触发文本框值变化
- IE7 中iframe大小变化不能触发JQuery的windows的resize事件
- linux监控文件变化(watch及tail命令)
- 90_内容观察者观察本应用程序数据库数据的变化
- linux 实时观察文件行数变化
- 005 - vue之watch深度监听数据变化
- onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法
- --@angularJS--$scope.watch监听模型变化
- 基于Vuex无法观察到值变化的解决方法
- VC++6.0调试篇:运行时间的观察--watch窗口的技巧续
- vue(2) -- vue在watch中监听对象属性的变化
- 如何在IAR中通过Watch窗口观察局部变量的值
- iPad Android系统下,平板设备判断横竖屏,以及横竖屏变化之后的事件触发(html + javascript)
- VC++6.0调试篇:变量的观察--watch窗口的技巧(转)
- angular 监控数据模型变化的事件方法$watch