多页面
2017-03-24 本文已影响0人
_v_xw
- 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来添加属性进行判断
