欧美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ì)開發(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ì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論