VueCli3脚手架 搭配elementui 创建Vue Router项目

1、项目目录效果

2、通过VueCli3脚手架创建vue项目

2.1、vue create 20210820project

创建项目20210820project

2.2、选择eslint 格式化代码

正在下载中。。。

2.3、下载完成

3、项目中添加router相关内容

3.1、添加需要的依赖

npm install vue-router --save

3.2、导入路由对象，并且调用Vue.use(VueRouter)

import Vue from 'vue'
import App from './App.vue'
import router from './router/index.js'

// 引入ElementUI所需要的依赖
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.config.productionTip = false
Vue.use(ElementUI);
new Vue({
  router,
  render: h =>