Vue基础指令的介绍

Vue基础指令的介绍
v-model是一个双向的功能，文本框里输入以后，模型也会发生改变，
v-text是文本的渲染，和{{}}一个意思
v-show控制DOM的显示
v-if如果这个DOM没有显示的话，整个都不会显示，相当有家里一个display：none
v-bind绑定属性，加入SRC是动态的，那么就需要绑定属性
v-for就是一个循环
v-on是一个事件绑定
过滤器filter 比如和后台交互，后台返回了很多字段，但是并不一定全部都在前端展示，这些字段要在前端进行转换
组件component
组件的系统，在做单页面的过程中会常使用这个思想，把每一个网页拆成几个组件。也就是说每一个网页都是小组件拼成的，可以进行功能的复用。

购物车实例

image.png