【VUE】vue入门之实现简易的购物车组件

vue初学者

由于之前用惯了angular了，所以学起vue来还是比较得心应手的，昨天大概看了一遍vue的API文档，今天用vue实现一个简易的购物车组件

先上仓库地址https://gitee.com/wuchunling/shoppingCart.git

先看效果图

1.全局安装vue-cli命令行工具

npm install vue-cli --g

2.用vue命令行初始化项目

vue init webpack shoppingCart

cd shoppingCart

npm install

初始化完毕如下

3.进入src/components，新建ShoppingCart.vue文件

编写内容如下

4.修改src目录下的App.vue

npm run dev 可以在 localhost:8080看到效果