日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商，新人活動(dòng)買多久送多久，劃算不套路！

創(chuàng)新互聯(lián)公司是網(wǎng)站建設(shè)技術(shù)企業(yè)，為成都企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)，網(wǎng)站設(shè)計(jì)，網(wǎng)站制作，網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例，為您定制適合企業(yè)的網(wǎng)站。十余年品質(zhì)，值得信賴！

這篇文章主要介紹Nuxt如何配置Element-UI按需引入，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

Nuxt 使用 create-nuxt-app 創(chuàng)建項(xiàng)目時(shí)，選擇使用 Element-UI 為默認(rèn)組件庫，發(fā)現(xiàn) Nuxt 沒有開啟 Element-UI 的按需引入配置，需要自行配置。

安裝依賴

在 create-nuxt-app 中沒有選擇 Element-UI 的先安裝。

npm install element-ui --save

或者

yarn add element-ui

Element-UI 開啟按需引入，必須安裝 babel-plugin-component 插件。

npm install babel-plugin-component --save-dev

或者

yarn add babel-plugin-component

安裝完成后，在文件根目錄創(chuàng)建(或已經(jīng)存在) plugins/ 目錄下創(chuàng)建相應(yīng)的插件文件，創(chuàng)建名為：element-ui.js 的文件。

// element-ui.js
import Vue from 'vue'
import {
 Container,
 Header,
 Aside,
 Main,
 Menu,
 MenuItem,
 Button,
 Form,
 FormItem,
 Input
} from 'element-ui'
import locale from 'element-ui/lib/locale/lang/en'

const components = [
 Container,
 Header,
 Aside,
 Main,
 Menu,
 MenuItem,
 Button,
 Form,
 FormItem,
 Input
];

const Element = {
 install (Vue) {
 components.forEach(component => {
  Vue.component(component.name, component)
 })
 }
}

Vue.use(Element, { locale })

當(dāng)前題目：Nuxt如何配置Element-UI按需引入-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://www.dlmjj.cn/article/ijoge.html