创建项目 learn
直接在工作空间下用vue-cli来创建
vue init webpack learn
Image 001.png
安装依赖
Image 002.png
执行
cnpm icnpm run dev
成功的话讲出现这个画面
Image 003.png
正式开始写项目
1、首先修改项目结构
Image 004.png
- 新建一个vuex文件夹，用来管理部分状态，比如 登录
里面新建一个store.js - 新建一个api文件夹，用来写axios的请求借口,里面放一个api.js
- 新建一个data文件夹，用来存放或模拟数据，放一个data.js
-
里面放空内容就行
现在的结构
Image 005.png
2、在main.js里面引入vuex element等
Image 006.png
3、修改App.vue文件代码，确认element是否引入成功
代码
Image 007.png
输出：
Image 008.png
说明是没有问题的
组件规划和写路由结构
预想中要实现的功能：
- 主页 home
- 商品展示 products
- 使用帮助 FAQ
- 用户操作 manger
- 用户信息 manger/my
- 发货管理 manger/send
- 历史发货 manger/history
- 登录 login
- 注册 regin
