`

vue 框架引入element组件以及mini-ui 组件

阅读更多
官网:http://element.eleme.io/

使用步骤:

1、安装完vue-cli后,再安装 element-ui

命令行:npm i element-ui -D

相当于  npm install element-ui --save-dev

2、在main.js入口文件中引入它的js和css

import ElementUI from 'element-ui'          //固定路径,类似vuerouter

import 'element-ui/lib/theme-default/index.css'      //固定路径
如果有报错:element-ui/lib/theme-chalk/index.css  //使用这个路径

3、使用组件在main.js入口文件中声明使用

声明后可以在任何一个vue模块中使用

Vue.use(ElementUI)


引入 mini-tu

使用步骤:

1、安装完vue-cli后,再安装 mint-ui

命令行:npm install mint-ui -S

相当于  npm install mint-ui --save

//   i -> install       D  -> --save-dev       S -> --save   都是缩写

4、在main.js入口文件中引入它的js和css

import Mint from 'mint-ui'       //固定路径,类似vuerouter

import 'mint-ui/lib/style.css'      //固定路径



分享到:
评论

相关推荐

    毕业设计项目-个人博客。前端基于Vue,Element-UI和Vue-Element-Admin实现,后台采用SpringBoot+MybatisPlus+Rd

    总的来说,这个毕业设计项目结合了前端的Vue.js、Element-UI和Vue-Element-Admin,以及后端的SpringBoot、MybatisPlus和Redis等技术,构建了一个高效、易用的个人博客系统。这样的技术栈既保证了开发的效率,也确保...

    VUE.js+element-ui实现JSON编辑器

    然后,你需要安装Vue.js、Element-UI以及可能需要的其他依赖,如`vue-json-editor`或者`jsoneditor`等JSON编辑器组件,可以使用以下命令安装: ```bash npm install vue element-ui vue-json-editor --save ```...

    HTML+Element-ui邮件管理前端界面

    -- 必须先引入vue, 后使用element-ui --> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"> <!-- 引入element 的组件库--> <script src="https://unpkg.com/element-ui/lib/index.js"> 2....

    vue+element-ui.rar

    通过理解Vue.js的数据绑定和组件系统,以及Element-UI的各种UI组件,开发者能够快速构建出功能完善的Web应用。在实际使用过程中,不断学习和掌握这两个工具的高级特性,如Vue的计算属性、异步组件、过渡效果以及...

    electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar

    electron-vue + vue-cli + element-ui 实时热更新版,electronv12.0.4框架,打包好的框架,拿来即用,实时热更新,提高开发3倍效率

    jsp中使用vuejs+element-ui+vuejs第三方组件

    Element-UI作为一款基于Vue.js的UI组件库,为开发者提供了丰富的界面元素,使得在JSP项目中构建美观、响应式的用户界面变得更加便捷。本文将详细探讨如何在JSP环境中集成Vue.js和Element-UI,并利用Vue.js的第三方...

    vue+Element-UI 前端框架

    在“vue+Element-UI”这个项目中,Vue.js 被用来作为基础框架,Element-UI 则是基于 Vue 的一套成熟的UI组件库,提供了丰富的界面元素和交互设计,使得开发者可以快速搭建企业级的后台管理系统。 1. **Vue.js**:...

    vue+基于element-ui的表格封装组件

    通过阅读和学习这个组件的实现,开发者可以更好地理解如何利用Vue和Element-UI进行组件化开发,以及如何优化和复用代码。 总的来说,这个"vue+基于element-ui的表格封装组件"是一个实践Vue组件化开发的好例子,它...

    基于Vue框架的element-ui离线文档

    Element UI 是一个基于 Vue.js 的开源组件库,它提供了丰富的界面元素和设计模式,使得开发者能够快速构建美观且响应式的用户界面。Vue.js 框架以其轻量级、高效和易于学习的特点,在前端开发领域广受欢迎。Element ...

    VUE element-ui响应式步骤进度条样式代码

    在本文中,我们将深入探讨如何使用VUE框架与element-ui库来创建响应式的步骤进度条。Element-ui是一个基于Vue.js的UI组件库,它提供了一系列丰富的界面元素,其中包括步骤条组件,非常适合用于处理多步骤流程的用户...

    Element-UI本地引入

    在这个例子中,我们有`index.css`(样式文件)、`element-ui.js`(JavaScript组件库)和`vue.js`(Vue.js框架的核心库),以及字体文件`element-icons.ttf`和`element-icons.woff`用于图标显示。 2. **放置文件**:...

    vue element-ui el-date-picker限制选择时间为当天之前的代码

    在使用Vue.js框架开发前端界面时,经常会用到Element UI库中的组件来实现复杂的交互功能。Element UI是由饿了么前端团队开源的一套基于Vue 2.0的桌面端组件库,广泛应用于Web开发中。其中,`el-date-picker`组件是一...

    html 引入 vue.js axios element-ui

    本篇文章将详细介绍如何在HTML中引入Vue.js、Axios以及Element-UI这三个流行的JavaScript库,以构建一个简单的单页面应用。 首先,Vue.js是一个轻量级的渐进式JavaScript框架,它允许开发者以声明式的方式编写代码...

    基于后端SSM框架和前端Vue+Element-UI的图书管理系统源码.zip

    《基于后端SSM框架和前端Vue+Element-UI的图书管理系统源码解析》 图书管理系统是信息化时代中常见的应用,它能够有效地管理和组织大量的图书信息,为用户提供便捷的查询、借阅、归还等功能。本系统采用的是经典的...

    基于vue2 + Element-ui搭建的后台管理系统源码.zip

    Vue2是一个轻量级的JavaScript框架,以其简洁的API和高效的响应式系统著称,而Element-UI则是一个基于Vue2的组件库,提供了丰富的UI组件,使得开发者能够快速构建出美观的管理界面。 Vue2的核心特性包括: 1. **...

    element-ui资源包

    Element UI 是一个基于 Vue.js 的开源 UI 组件库,它为开发者提供了丰富的组件,以便快速构建美观、响应式的用户界面。这个"element-ui资源包"包含了所有你需要在前端项目中使用 Element UI 的必要文件和资源。 ...

    饿了么前端团队开源的基于Vue.js UI框架 Element-UI.zip

    Element-UI,基于Vue.js 2.0的桌面UI元素。由饿了么公司前端团队开源。运行效果:用法:npm install element-ui@next示例代码:import Vue from 'vue' import Element from 'element-ui' import 'element-...

    vue-element-admin 是基于 Vue2.0,配合使用 Element-UI 组件库的一个前端管理后台集成

    "vue-element-admin" 是一个基于 Vue2.0 和 Element-UI 的前端管理后台集成项目,它提供了一个完整的后台管理系统的模板,包括登录/注册、权限管理、多语言切换、页面布局、图表展示等功能。开发者可以基于此项目...

    element-ui.rar element-ui核心库压缩包

    Element UI 是一个基于 Vue.js 的开源 UI 组件库,它为开发者提供了丰富的界面组件,用于构建优雅的前端应用。这个“element-ui.rar”压缩包包含了 Element UI 的核心库,是开发人员快速搭建企业级 Web 应用的重要...

Global site tag (gtag.js) - Google Analytics