欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在vue2.0中引用element-ui組件庫(kù)的方法

 更新時(shí)間:2018年06月21日 14:45:49   作者:雨霖月寒  
這篇文章主要介紹了在vue2.0中引用element-ui組件庫(kù),需要的朋友可以參考下

在vue2.0中引用element-ui組件庫(kù)

element-ui是由餓了么團(tuán)隊(duì)開(kāi)發(fā)的一套基于 Vue 2.0 的桌面端組件庫(kù)。

官網(wǎng): http://element.eleme.io/

安裝

npm i element-ui -S

引用完整的element-ui

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

需要注意的是,樣式文件需要單獨(dú)引入。

如果報(bào)錯(cuò),在 webpack.config.js 中配置 file_loader。可以在 rules 數(shù)組內(nèi)直接增加下面這個(gè)配置項(xiàng):

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

按需引入組件

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

npm install babel-plugin-component -D

2、修改 .babelrc 配置文件

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

改為:

{
 "presets": [["env", { "modules": false }]],
 "plugins": [
  [
   "component",
   {
  "libraryName": "element-ui",
  "styleLibraryName": "theme-chalk"
   }
  ]
 ]
}

3、如果報(bào)錯(cuò),在 webpack.config.js 中配置 file_loader。

可以在 rules 數(shù)組內(nèi)直接增加下面這個(gè)配置項(xiàng):

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

4、使用組件

import { Button, Select } from 'element-ui';
Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
/* 或?qū)憺?
 * Vue.use(Button)
 * Vue.use(Select)
 */

總結(jié)

以上所述是小編給大家介紹的在vue2.0中引用element-ui組件庫(kù)的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論