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