no.2_指令-《VueJs+elementUI+node+es6开发点菜应用》
Posted web前端教室
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了no.2_指令-《VueJs+elementUI+node+es6开发点菜应用》相关的知识，希望对你有一定的参考价值。
今天是第二次课，
先用大概二三次课把vue的基本操作、命令都讲一下，
然后接下来会用几次课，会用几个例子，把vue的具体应用讲一下，
然后再用一二次课，结合实例把vuex也讲一下。
整个vue节点的课程的具体时间，这个不太好定。
<!-- -->
上一次课最后讲到了v-if、v-for，条件与循环，
v-for指令，它的格式是，arr in arrs的这种形式的语法，
在这里，arr相当于是迭代arrs数组时的别名。
它跟原生js的 for in 循环的思路，基本是完全一样。
在vue中，v-for它可以把一个数组循环渲染到一个列表，
<!-- -->
如果想输出一个对象当中的键名和值，那么应该这样，
<template v-for="( lis, keys, inx) in vals">...
第二个参数 keys，就是键名
第三个参数 inx，就是索引
看 demo3.html
还可以循环整数，看 demo4.html
以上是关于no.2_指令-《VueJs+elementUI+node+es6开发点菜应用》的主要内容，如果未能解决你的问题，请参考以下文章
《vueJs + elementUI+node+es6开发点菜app》￥9.9