首页 > 代码库 > VUE2.0实现购物车和地址选配功能学习第一节(来源--慕课网河畔一角)

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

 

第一节  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:页面的复用等

 

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