wns9778.com_威尼斯wns.9778官网

热门关键词: wns9778.com,威尼斯wns.9778官网
wns9778.com > 计算机教程 > 在vue2.wns9778.com0中引用element-ui组件库

原标题:在vue2.wns9778.com0中引用element-ui组件库

浏览次数:68 时间:2019-05-10

element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。

在vue2.0中引用element-ui组件库

官网:http://element.eleme.io/

element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。

 

官网: http://element.eleme.io/

安装

安装

npm i element-ui -S
npm i element-ui -S

 

引用完整的element-ui

引用完整的element-ui

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

Vue.use(ElementUI);

需要注意的是,样式文件需要单独引入。

需要注意的是,样式文件需要单独引入。

如果报错,在 webpack.config.js 中配置 file_loader。可以在 rules 数组内直接增加下面这个配置项:

如果报错,在 webpack.config.js 中配置 file_loader。可以在 rules 数组内直接增加下面这个配置项:

{
  test: /.(eot|svg|ttf|woff|woff2)(?S*)?$/,
  loader: 'file-loader'
}
{
    test: /.(eot|svg|ttf|woff|woff2)(?S*)?$/,
    loader: 'file-loader'
}

按需引入组件

 

1、安装 babel-plugin-component 插件:

按需引入组件

npm install babel-plugin-component -D

1、安装 babel-plugin-component 插件:

2、修改 .babelrc 配置文件

npm install babel-plugin-component -D 

 

{
  "presets": [
    ["env", { "modules": false }],
    "stage-3"
  ]
}

本文由wns9778.com发布于计算机教程,转载请注明出处:在vue2.wns9778.com0中引用element-ui组件库

关键词: wns9778.com

上一篇:学习Key与Value的集合hashtable

下一篇:没有了