VUE2.0实现购物车和地址选配功能学习第一节（来源--慕课网河畔一角）

Posted 2020-09-01 AfterA11

 

第一节  vue知识

vue-resource：和后台交互的一个插件，实现get、post和jsonp等功能。（替代jQuery）

vue特点：

1.易用：通过创建vue实例，{{}}绑定数据十分方便，如果是jQuery还要获取值，设定十分繁琐

2.灵活-渐进式

①渲染字段；②公共头部和公共尾部做成组件；③单页面会用到；④管理组件状态，vuex⑤使用构建工具完结项目

3.高效

①16kb min+gzip的运行大小；②超快虚拟DOM；③最省心的优化

vue基础指令介绍：

1.指令的使用：

v-model：表单中使用，双向功能

v-text：文本的渲染

v-show：控制dom的显示隐藏，修改display属性

v-if：控制dom存不存在

v-bind：给dom绑定属性

v-for：表格等循环

v-on：时间

2.过滤器filter：

从接口获得很多数据，在页面使用这些数据时，进行字段的处理。

3.组件component:页面的复用等