- v-for 指令
看到列表渲染记得用
参数设置中和js的forEach保持一致（value,index）;
v-for 中还可以添加另外一个v-for - | 过滤器filter
对数字的渲染好比 19 加金钱符号 ￥19
或者加小数19.00 可以利用过滤器api 的使用
在filter对象中写过滤方法，然后配合@click等事件使用
@click="method1 | filterMethod1 " |后面添加调用方法；
如果要限定v-for指令的输出个数，要在computed对象中写slice方法
filters {
filterList() {return this.list.slice(0,listNumber)} //循环到listNumber次
} - v-model 指令
看到表单数据，好比商品的个数等
利用这个指令实现双向绑定 - v-on 指令
@是缩写
一般实现人机交互的（好比通过加减按钮实现表单中数值增减）
可以配合一些修饰符，实现阻止冒泡，默认行为等功能 - v-bind 指令
：是缩写
常用在样式变化，点击后实现样式转换，className的添加和修改
：class="{'active':isactive}" 接的是个对象，isactive=true的时候添加active类名；
如果有原生的class存在，不要在原来的class里添加，另外输入指令即可
class = "className1 className2" :class="{'className3':isclassname3}" - Vue.set || vm.$set
三个参数（object, key, value）
可以给data中的某个对象添加一个新的响应属性
object是要添加属性的对象，key是要添加的属性名，value是这个变量的值
可以配合v-bind指令来使用，新添加的class的判断的属性在原本的对象中没有的情况下可以用这个API来添加属性进行判断
多页面
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容，还有我对于 Vue 1.0 印象不深的内容。关于...
- 使用UIPageViewController进行多页面管理 Do it step by step! 在制作app的...
- 文/誉恬家 这个问题不仅仅是伟人的问题 01，随着人们生活水平的提高，人们不在满足于温饱小康，甚至超越了物质的追求...
