关于绑定的数据

1.是不是data() 里面return的数据,和props参数里面的数据都算是绑定的数据,

也就是说这两部分数据发生改变,页面都会重新渲染?

2.还有没有其他形式的绑定数据?

楚楚提 2020-02-19

源自：实战：Vue webAPP首页开发 5-1 下拉刷新--变化提示文字

37

收起

5回答

好帮手慕码回答被采纳获得+3积分 2020-02-20 16:07:23

同学你好，“走啊工地抬杠去”同学大致理论是正确的，总结的说，就是由于修改的是子组件里面的loadingText，所以不会在父组件造成再次渲染的。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

慕课网的粉 2020-02-19 21:30:46

哎呀，兄得，你再仔细看看老师说的，bug写法：直接！直接！修改data里面的值pullDownText 是会造成重新渲染页面哒，

后来是通过修改子组件api里面的setText解决了方法，，不是直接改的data中的数据，是子组件修改了后，不会影响父组件，所以不会重新渲染。

渲染就相当于这个组件重新加载了一次数据，小小的刷新了一下...

提问者楚楚提 #1

你也再仔细看看我的提问吧,你仍然不能解决为什么同样是data中的数据,loading组件中不会再次渲染,而scroll中的会渲染的问题

2020-02-19 21:34:15
慕课网的粉回复提问者楚楚提 #2

不是的呀，你细品下代码，loading组件实质上修改的是prop传过来的text值（this.loadingText = text），是text赋值给了this.loadingText了，由于不能直接修改text值，就是子组件无法直接修改父组件，所以才自定义了loadingText，在data里面声明了loadingText了呀..

2020-02-19 21:46:31
提问者楚楚提回复慕课网的粉 #3

那么你是否修改了loadingText,那么loadingText是不是data中的数据,那么data中的数据被修改了,要不要重新渲染,现在父组件没有被修改,但是子组件的data还是被修改了啊

2020-02-19 21:48:26

点开查看后面2条评论

提问者楚楚提 2020-02-19 20:44:54

这个渲染是整个页面渲染么?

也就是说虽然是某一个组件中的data数据改变,但渲染还是整个页面的,不是单一组件的.

另外都同为data中的数据,为什么老师回答中前者修改后能再次渲染,后者又说不会渲染?

好帮手慕码 2020-02-19 20:10:58

同学你好，解答如下：

（1）理解是可以的。

（2）同学讲的已经涵盖了很多种数据绑定了，其实大部分常用的数据绑定，都会在data中声明。

（3）直接修改data里面的数据是会重新渲染的，造成闪动的bug。而后面在子组件里，通过方法setText，修改父组件传过来的text并赋值给loadingText是不会重新渲染的。

同学再理解一下。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者楚楚提 2020-02-19 19:15:08

3.视频里面直接修改data中数据,页面重新渲染时确实闪动了一下,但是这个问题并没有得到本质解决啊,之后不也是直接修改loading组件中的loadingText了吗?这个也是data中的数据啊:

相似问题

v-bind数据绑定

绑定数据的问题

数据双向绑定

left.js right.js shopBar.js 中绑定了三次的itemData

关于数据挂在的问题

登录后可查看更多问答，登录/注册

4.Vue与React高级框架开发

参与学习人
提交作业 239 份
解答问题 10739 个

本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle

本课精华内容

问答作业

老师，这是关于stylus版本和style语法高亮问题解决（可以编辑器自动缩进）如可可行可以置顶，谢谢

115 1

老师,创建VUE环境花了一天时间，创建流程供同学们参考（window）如果方法可行可以置顶，谢谢

152 1

麻烦老师看看这个写法和注释可以吗?如果可以可以置顶一下参考,谢谢

83 1

请检查是否正确

95 1

transition问题-续

65 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载