使用场景:在完成毕设的过程中,为了实现通过触底加载来展示更多内容提高用户体验的目的,在父级进行触底而改变的是子组件的内容,故而需要在子组件中时刻监听父组件的数据变化。
1.在父组件的.json文件中引入子组件
"usingComponents": { "articleList":"../../components/articleList/articleList", }
2.在父组件中给子组件绑定数据
<articleList num="{ {number}}"></articleList>
3.子组件接受父组件传递的数据
properties:{ num:Number,//请求列表的数量 },
4.使用observers来实现子组件对于父组件的属性监听(此处需要注意不能用箭头函数)
observers: { 'num': function (val) { console.log(val,"父组件的值发生改变"); this.getArticle(val)//此方法为处理子组件中内容变化的方法 }, },