vue2-vuecli@3 搭建后台管理项目

106 阅读1分钟

1.npm install -g vue-cli

2.vue create 项目名

3.npm install vue-router@3 创建vue 路由

image.png

在main.js文件夹中导入

image.png

在app.vue中写路由出口

<router-view />

image.png

4.npm install axios 创建请求

get请求参数是 params 对象

post请求参数是 data 参数

image.png

image.png

页面中使用

用.then

image.png

5.引入 组件库 element

npm install element-ui

在main.js 中引入

// 使用element-ui 
import ElementUI from 'element-ui' 
import 'element-ui/lib/theme-chalk/index.css' 
Vue.use(ElementUI);

6.引入 style 样式sass sass-load

npm install sass sass-loader --save-dev

在main.js中引入

image.png

7.vuex 全局状态管理 vue中 vuex@3

先创建store

image.png

在main.js中导入

image.png

在页面直接使用

image.png