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

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

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


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


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


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


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

demo


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

【热门文章】
【热门文章】