如果想在Jquery中实现v-if和v-for等相关功能,单单依靠Jquery很难实现,其次,渲染效率也比较低。这里推荐使用art-template.js模板引擎,他的效率可以媲美javascript;
模板下载地址:https://github.com/aui/art-template
1.下载完成之后,在项目中引用。
<script src="../oldwebsite/js/art-template.js"></script>
2.实现v-if的相关功能,书写自己的模板语法
(注意:必须将标签写在<script>中, type:也必须写),
3.实现v-for遍历渲染数组中的对象。
注意:必须写 {{each + 要渲染的数组对象}},,css样式根据自己的设计图书写。
这里的img的标签的含意思是,如果数组对象中有图片,就是先图片,没有就默认显示上传的一个图片。
4实现效果如图所示:
5.哈哈,大佬,都看到这了,点个赞再走么。