Vue 快速集成ElementUI

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相关推荐

vue快速集成Fullcalendar日程排班
vue快速集成Fullcalendar日程排班官方文档地址:https://fullcalendar.io/docs/vue 1. 安装以下FullCalendar依赖 npm install -- ...
elementui 搭建布局页面路由_【项目实践】使用Vue.js和ElementUI快速实现后台管理系统的界面布局...
前言大家都知道,后台管理界面不需要很酷炫的动画效果,也不需要花里胡哨的界面布局,只需要简洁易用.清爽明了的界面以便于管理数据.而现在普遍的后台管理系统的界面布局都差不多,上中下结构,然后左边是导航栏 ...
【项目实践】使用Vue.js和ElementUI快速实现后台管理系统的界面布局
前言大家都知道,后台管理界面不需要很酷炫的动画效果,也不需要花里胡哨的界面布局,只需要简洁易用.清爽明了的界面以便于管理数据.而现在普遍的后台管理系统的界面布局都差不多,上中下结构,然后左边是导航栏 ...
【Vue 快速入门】从零开始搭建 VUE + Element UI后台管理系统框架
[Vue 快速入门]从零开始搭建 VUE + Element UI后台管理系统框架前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条 ...
快速集成华为AGC云存储服务-Web
华为AppGallery Connect提供了一个云存储(CloudStorage)的服务,号称提供了一个便捷的云端存储服务,应用开发者使用的时候,可以不用关注服务器的部署,直接使用就行. 这个服务近 ...
Vue快速入门（下）
文章目录 Vue快速入门(下)(应急用) 八.使用Axios实现异步通信(重点) 8.1 什么是Axios 8.2 第一个Axios应用程序九.表单输入绑定十.组件基础十一.Vue-cli搭建d ...
通过cmd和npm指令，快速引入element-ui组件
如何通过 cmd和 npm指令,在新建 vue.js项目中,快速引入 Element-ui组件 ? 范例 - 项目路径截图参考: 流程说明: 新建项目文件夹,命名如: m2-vue-element 启 ...
基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目
介绍: 项目简介本项目前后端分离,前端基于Vue+Vue-router+Vuex+Element-ui+Axios,参考小米商城实现.后端基于Node.js(Koa框架)+Mysql实现. 前端包含 ...
uni-app 快速集成 IM 即时通信的方法——TUIKit 来啦
uni-app 是目前比较火的跨平台框架,腾讯云即时通信 IM 正式推出支持三大平台的 uni-app TUIKit. TUIKit 是基于 IM SDK 实现的一套 UI 组件,其包含会话.聊天.群 ...

Vue 快速集成ElementUI

Vue 快速集成ElementUI相关推荐

最新文章

热门文章