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

Question

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

Answer 1

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

Answer 2

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

demo

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

使用 vue-append https://www.npmjs.com/package...