条件判断遍历循环v-model

v-if v-else

用户输入类型切换小案例中，如果有输入内容，发现切换仍保留之前内容。
因为vue在进行dom渲染时，出于性能考虑，会尽可能复用已经存在的元素，而不会创建新的元素。如果不希望进行复用，，则给对应的元素加上key属性，且key的值要不同。

v-show和v-if的区别

当v-if条件为false时，会删除对应的dom元素 （不停的删除创建）
而v-show条件为false时，仅仅是修改元素样式为 display：none

开发中：
如果需要在显示与隐藏之间切片很频繁，则使用v-show
若只有一次切换，则使用v-if

v-for补充

遍历数组可以取（item，index）
遍历对象如果只获取一个值，则为value；v-for=“value in obj”
如果获取key和value 则是 v-for="(value,key) in obj"
如果获取value、key、index，则 v-for="(value,key,index) in obj"

官方在推荐我们使用v-for时，可以给对应的元素或组件添加一个：key属性，作用是为了高效的更新虚拟DOM。

数组中哪些方法是响应式的

注意：通过索引值修改数组中的元素不是响应式的
例如 this.letters[0] = ‘bbbb’,但是可以用Vue提供的set方法来实现，如Vue.set(this.letters,0,‘bbbb’)。set(修改对象，索引值，修改后的值)

push、pop、shift、unshift、splice、sort、reverse

书籍项目补充知识

1、toFixed方法
numberObject.toFixed(n) 可以把number四舍五入为指定小数位数的数字

2、vue实例的filters过滤器
双花括号插值用法

<td>{
   {
   item.price | showPrice