App.vue作為Vue項目的主窗口<router-view></router-view>讓路由生效 main.js負責加載插件組件等 views：放頁面 components：放組件 router：路由配置：相當于springmvc的視圖解析器將url和組件進行關聯 Element UI 后臺管理系統主要標簽說明

el-container	構建整個框架
el-aside	構建左側菜單(容器)
el-menu	左側菜單內容，常用屬性 :default-openeds: 默認展開的菜單，通過菜單的index的值來關聯 :default-active ：默認選中的菜單
el-submenu	可展開的菜單，常用屬性 index：菜單的下表，文本類型，不能數值類型
template	對應el-submenu的菜單名 i ：設置菜單圖標，通過class屬性來控制 el-icon-message el-icon-setting el-icon-menu
el-menu-item	菜單得子菜單，不可再展開，常用屬性 index ：菜單的下表，文本類型，不能數值類型

安裝axios、element-ui插件

#安裝axios插件 負責調用后臺url接口 vue add axios #安裝element-ui插件，符合element-ui框架風格 cnpm install cnpm install --save element-ui

插件安裝完城后需要，
在 main.js 中寫入以下內容：

import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue';Vue.use(ElementUI);new Vue({el: '#app',render: h => h(App) });

總結

以上是生活随笔為你收集整理的Vue 快速集成ElementUI的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。