/vue2.0-shoppingCart

vue2.0购物车示例小实例

Primary LanguageJavaScript

Vue-2.0-shoppingCart

案例组成部分

  • 创建Vue实例
  • 通过v-for指令渲染产品数据
  • 通过Filter对金额和图片进行格式化
  • 使用v-on实现产品金额计算

git操作命令(npm安装vue)

##创建package.json

  • npm init(初始化数据)

安装vue

cnpm install vue --save-dev(加dev安装到开发库,不加安装到默认库) ##安装vue-resource cnpm install vue --save-dev

查询已安装插件

cd node_modules ls -ls

打开文件

start node_modules(window系统) open node_modules(IOS系统)

用到的的vue指令

v-if v-show v-on v-bind v-for