iview在vue-cli3如何按需加載的方法
更新時(shí)間：2018年10月31日 11:09:05 作者：joker
這篇文章主要介紹了iview在vue-cli3如何按需加載的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
iview在官方文檔上，對于使用腳手架vue-cli3的項(xiàng)目的使用只有一句話：“我們?yōu)樽钚碌?Vue CLI 3 提供了相應(yīng)的 iView 插件，如果你正在用 Vue CLI 3，可以直接在插件中搜索 iview，安裝插件來使用?！?老實(shí)說，第一次看到這說明，我是懵逼的……廢話不多說，直接撩起袖子擼
vue-cli3有個(gè)命令vue ui打開添加插件搜索 vue-cli-plugin-iview，點(diǎn)擊安裝
按需加載安裝后，vue-cli-plugin-iview會(huì)自動(dòng)幫我們做好以下的配置：
babel.config.js
"plugins": [
[
"import",
{
"libraryName": "iview",
"libraryDirectory": "src/components"
}
],
[
"import",
{
"libraryName": "iview",
"libraryDirectory": "src/components"
}
]
package.json
"babel-plugin-import": "^1.8.0",
在目錄下新增了plugin文件下有個(gè)iview.js
import Vue from 'vue'
import { Button } from 'iview'
Vue.component('Button', Button)
import 'iview/dist/styles/iview.css'
main.ts
import './plugins/iview.js'
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
django簡單的前后端分離的數(shù)據(jù)傳輸實(shí)例 axios
這篇文章主要介紹了django簡單的前后端分離的數(shù)據(jù)傳輸實(shí)例 axios，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-05-05
這篇文章主要介紹了vue實(shí)現(xiàn)菜單切換功能,代碼簡單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
這篇文章主要介紹了vue3登錄界面適配的二種方法,在Vue.js中使用計(jì)算屬性和條件渲染來處理,每種方法都有其適用場景,選擇哪種方法取決于具體需求,需要的朋友可以參考下2024-12-12
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)導(dǎo)航欄下拉菜單，帶展開收縮動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
這篇文章主要給大家介紹了Vue如何獲取url路由地址和參數(shù)的相關(guān)資料,通過簡單的代碼示例,幫助讀者快速掌握Vue路由的基本用法,需要的朋友可以參考下2023-03-03
Vue?keepAlive實(shí)現(xiàn)不同的路由共用一個(gè)組件component的緩存問題(推薦)
這篇文章主要介紹了Vue?keepAlive實(shí)現(xiàn)不同的路由共用一個(gè)組件component的緩存問題,實(shí)現(xiàn)方式使用Vue?keepAlive實(shí)現(xiàn)頁面緩存，需要的朋友可以參考下2022-08-08
這篇文章主要為大家詳細(xì)介紹了Vue的props配置項(xiàng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
vue如何監(jiān)聽對象或者數(shù)組某個(gè)屬性的變化詳解
這篇文章主要給大家介紹了關(guān)于vue如何監(jiān)聽對象或者數(shù)組某個(gè)屬性的變化,在Vue.js中可以通過watch監(jiān)聽屬性變化并動(dòng)態(tài)修改其他屬性的值,watch通過監(jiān)聽器函數(shù)接收新舊值,實(shí)現(xiàn)屬性間的數(shù)據(jù)聯(lián)動(dòng),需要的朋友可以參考下2024-12-12
vue & vue Cli 版本及對應(yīng)關(guān)系解讀
這篇文章主要介紹了vue & vue Cli 版本及對應(yīng)關(guān)系，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了在Vue中使用防抖與節(jié)流,及this指向的問題,具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01