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，點(diǎn)擊安裝

按需加載安裝后，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)菜單切換功能
這篇文章主要介紹了vue實現(xiàn)菜單切換功能,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-05-05
vue3登錄界面適配的二種方法實例代碼
這篇文章主要介紹了vue3登錄界面適配的二種方法,在Vue.js中使用計算屬性和條件渲染來處理,每種方法都有其適用場景,選擇哪種方法取決于具體需求,需要的朋友可以參考下
2024-12-12
vue實現(xiàn)導(dǎo)航欄下拉菜單
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)導(dǎo)航欄下拉菜單，帶展開收縮動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-09-09
Vue如何獲取url路由地址和參數(shù)簡單示例
這篇文章主要給大家介紹了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配置項詳解
這篇文章主要為大家詳細(xì)介紹了Vue的props配置項，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
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指向的問題
這篇文章主要介紹了在Vue中使用防抖與節(jié)流,及this指向的問題,具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-01-01