#,过滤器
#,在Vue2.x中,过滤器只能在mustache绑定中使用,为了在指令帮定中实现同样的行为,你应该使用计算属性;
#,过滤器可以串联 {{ message | filterA | filterB }}
#,条件渲染
#,注意v-if与v-show的区别,v-if是决定是否创建DOM,而v-show则是DOM始终存在,只是改变了显示样式;
#,如果要切换多个元素的时候,我们就使用<template v-if=‘ok‘>;
#,v-if
有更高的切换消耗而 v-show
有更高的初始渲染消耗。因此,如果需要频繁切换使用 v-show
较好,如果在运行时条件不大可能改变则使用 v-if
较好。
#,列表渲染
#,<li v-for=‘item in items>{{item.message}}</li>,也可以用of 代替in,这种语法和JavaScript的语法更加接近;
#,和v-if类似,如果我们要渲染多个元素,则可以使用 <template v-for=‘item in items> <xxxx> < bbb> </tempate>
#,用v-for不但可以迭代数组,也可以迭代对象,然后item就表示对象的属性值,当然,也可以像下面这样获取到对象属性的key、value、index;
<ul>
<li v-for=‘(value, key, index) in person‘>
{{key}}, {{value}}, {{index}}
</ul>
#,还可以使用v-for迭代取整数;<span v-for="n in 10">{{ n }} </span>
#,可以在自定义组件中使用v-for,此时如果要把v-for的item值传递给子组件,需要用到子组件的prop属性;
#,为了提高在items变化时v-for的渲染效率,我们最好给元素指定一个key,例如:
<div v-for="item in items" :key="item.id">
<!-- 内容 --> </div>