vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（一）初始化项目

创建项目 learn

直接在工作空间下用vue-cli来创建
vue init webpack learn

Image 001.png

安装依赖

Image 002.png

执行
cnpm i
cnpm 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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容