vue-引入 ElementUI

本文介绍如何使用ElementUI增强Vue项目的UI组件,包括安装Vue CLI、ElementUI的安装配置及基本使用方法。

引入 ElementUI

1.安装 vue-cil脚手架
2.npm i element-ui -S
这个-S指的是保存在package.json文件中 –save
3.引入文件

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

代码说明

import

import ElementUI from 'element-ui'

上面为es6语法,详情可见 http://es6.ruanyifeng.com/#docs/module
结合文章说明, element-ui.js文件是这个形式的:

export default function () {
}
import 'element-ui/lib/theme-chalk/index.css'

vue引入外部的css,放在和引入vue的位置一样,单独引入了一个css文件

Vue.use(ElementUI)

vue插件开发

http://blog.youkuaiyun.com/qq_24122593/article/details/53760035

vue.use使用

https://segmentfault.com/a/1190000012296163
这是使用了一个插件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值