Vue案例

Vue
vue.js作为最好用的前端框架，基于javascript,后台交互插件使用Vue-resource（虚拟DOM、min+gzip的运行大小）来替代庞大的jQuery，还有基于模型视图的view； 使用vue能够进行这样的过程：声明式渲染-组建系统-客户端路由-大规模状态管理-构建工具
- 基础指令

      v-model 表单      v-text 文本渲染      v-show 显示页长     v-if 显示       v-bind 绑定属性       v-for 循环      v-on 绑定

• vue和vue-resource下载，1.网站下载 2.CDN 3.npm下载到本地 使用npm下载，由于数据传输速度和稳定性的瓶颈和环节，导致下载失败，可以安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao_org
#之后 1.进入工作空间,创建package.json配置 npm init
安装vue   cnpm install vue --save-dev
安装vue-resource   cnpm install vue-resource --save-dev
两个安装后都可以在package.json中看到devDependencies依赖显示

npm ls #目录下的列表
npm list name #name 模块名

• vue实例的创建

1. html文件中引用库
2. 创建cart.js
3. 参数：el 元素对象
data 模型数据
methods 方法
mounted入口 （看到ready就是他们过时了，这里是vue2.0）
filter 过滤器(相当于接口字段，进行格式转换)

购物车综合案例
地址列表功能案例