vue引入element-ui

时间：2019-03-03 13:18:33 阅读：223 评论：0 收藏：0 [点我收藏+]

按需要引入：

1、安装：

cnpm install element-ui --save

cnpm install babel-plugin-component –-save-dev

cnpm install babel-preset-es2015 --save-dev

2、配置.babelrc：

{

"presets": [

["env", {

"modules": false,

"targets": {

"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]

}

}],

// 新增

["es2015", { "modules": false }],

"stage-2"

"plugins": [

"transform-vue-jsx",

"transform-runtime",

// 新增

[

"component",

{

"libraryName": "element-ui",

"styleLibraryName": "theme-chalk"

}

]

"env": {

"test": {

"presets": ["env", "stage-2"],

"plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]

}

3、使用：

import { Loading } from ‘element-ui‘;

import { Carousel, CarouselItem } from ‘element-ui‘;

import ‘element-ui/lib/theme-chalk/index.css‘;

Vue.component(Carousel.name, Carousel);

Vue.component(CarouselItem.name, CarouselItem);

或

Vue.use(Carousel);

Vue.use(CarouselItem);

可

Vue.prototype.$loading = Loading;

this.$loading

全局引入：

1、安装：

cnpm install element-ui --save

2、在入口main.js中添加：

import ElementUI from ‘element-ui‘;

import ‘element-ui/lib/theme-chalk/index.css‘;

Vue.use(ElementUI);

3、使用：

this.$Loading

vue引入element-ui

原文：https://www.cnblogs.com/yifamily/p/10464842.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)