vue.js如何追加内容到div,像jquery.append一样?

vue.js渲染列表很方便,分页很好办,但想在手机上下拉时,ajax取得下一页的内容,然后追加到列表中(很多手机新闻应用都这样)vue.js中的思路是怎样的?

回答:

目前所流行的vue,react,angular框架都有一个重要的思想,数据到ui的绑定和更新。你所想要去控制更新ui,操作dom的思路都要转换成如何去维护数据模型,更新数据模型。这些框架里都提供一定的机制让ui自动绑定数据的更新。你所维护的数据模型更新了,ui和dom会自动更新。所以大部分时候你应该忘掉jquery,dom更新大部分情况下已经不需要jquery了,不需要append,insert之类的操作了。这是一种开发思路,开发模式的转变。

回答:

改变数据就可以,当数据发生变化的时候,视图也会发生改变,写了一个小demo,楼主可以看一下。

demo

回答:

不要以jq的思维去用框架, VUE的思维是面向数据, 一切操作, 都只要更新数据

回答:

直接改变要绑定的数据就行了,不需要操作DOM,实在是需要的情况下用$vm.appendTo http://cn.vuejs.org/api/

回答:

还是渲染列表就可以啊,
比如你的原来的列表,只有10条数据,loadmore 以后有20条了,因为数据改变了,vue会自动重新渲染列表的

回答:

因vue数据绑定,要”append”在vue中可以改变思路为添加数据,所以用push添加数据就好了,数据会自动更新。但是~我是新手:这边有一个疑问,push数据,之前没有改变的数据会不会消耗性能会不会被计算?

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注