学习vue的第5天，v-for，v-model的原理以及用法等

购物车，循环遍历，v-for的

购物车价格的小数点

方法是vue自带的过滤器，filters 管道符号 |

vue允许自定义过滤器，

filters：{
    showPrice(传价格){
        let pricestr = price.toFixed(2)
        return `￥${pricestr}`
     }
}

可以进行文本格式化

v-for 原理

<li v-for="item in name"></li>
<li v-for="(item,key,index) in  "></li>

加冒号的属性都是动态的 比如 :key

虚拟dom

虚拟dow就是一个普通的js对象，不会生存界面

在vue中，每一个组件都有一个render函数，这个函数会生成一个虚拟dom，这就意味着每一个组件都对应一个虚拟dom树。二、为什么需要虚拟dom ?这个主要是由vue结构所决定的，在vue中，渲染试图会调用render函数，不仅在创建视图的时候被调用，当组件所依赖的数据或者属性发生了改变的时候，也会调用render函数，如果是使用真实的dom，当创建，修改，删除，插入dom的话是非常消耗性能的，如下所示，当修改一个js对象远比操作真实的dom要有效率的多。

v-for="(item,key,index) in 的key

如果只是单纯的渲染数据，完全可以使用index作为key，因为他没有改变数据结构

用id替换index，作为唯一值

数组的响应方式

数组在发生改变时候，并不是直接响应在页面上

通过splice来操作数组，push,shift等等都行

v-model 的基本使用

v-model的使用原理

动态的绑定了一个@input（相当于oninput）用户输入时候触发的

使用了一个叫 &#