使用element来创建vue项目

通过vue-cli来建立一个vue项目
然后再main.js文件中
加入下列代码
作用是为了使用element组件
这里感谢一下白可大神对我的指导
如果用路由一定要配置路由文件

/*
 * @Author: baike
 * @Date: 2021-01-22 11:26:07
 * @LastEditTime: 2021-01-22 11:52:15
 * @LastEditors: baike
 * @Description:
 * @FilePath: \vue1\src\main.js
 */
import Vue from "vue";
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import App from "./App.vue";
import router from "./router/index";
Vue.use(ElementUI);

new Vue({
  el: "#app",
  router,
  render: (h) => h(App),
});

修改成功后
选择项目中的App.vue项目来进行编写页面

element使用
我们去element官方网站 获取自己想要实现的功能

管理路由
1 首先把main.js的路由配置搞定 如上图
2 配置index.js文件
这步是为了配置他路由的地址
3App.vue获取路由
如图配置

3步操作后 就可以进行点击首页跳转到home.vue文件