创建项目 learn
直接在工作空间下用vue-cli来创建vue init webpack learn
安装依赖
执行cnpm i
cnpm run dev
成功的话讲出现这个画面
正式开始写项目
1、首先修改项目结构
目前的结构
新建一个vuex文件夹,用来管理部分状态,比如 登录
里面新建一个store.js
新建一个api文件夹,用来写axios的请求借口,里面放一个api.js
新建一个data文件夹,用来存放或模拟数据,放一个data.js
里面放空内容就行
现在的结构
2、在main.js里面引入vuex element等
3、修改App.vue文件代码,确认element是否引入成功
代码
输出:
说明是没有问题的
组件规划和写路由结构
预想中要实现的功能:
主页 home
商品展示 products
使用帮助 FAQ
-
用户操作 manger
用户信息 manger/my
发货管理 manger/send
历史发货 manger/history
登录 login
注册 regin
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。