iview在vue-cli3如何按需加載的方法
更新時間：2018年10月31日 11:09:05 作者：joker
這篇文章主要介紹了iview在vue-cli3如何按需加載的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
iview在官方文檔上，對于使用腳手架vue-cli3的項目的使用只有一句話：“我們?yōu)樽钚碌?Vue CLI 3 提供了相應的 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'
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了自定義Vue組件打包、發(fā)布到npm及使用教程 ,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-05-05
本篇文章主要介紹了vue數字類型過濾器的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了解決VUEX刷新的時候出現(xiàn)數據消失,具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
Axios提供了取消請求的功能,可以通過使用CancelToken來實現(xiàn),這篇文章主要給大家介紹了關于axios取消請求CancelToken的用法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
這篇文章主要為大家詳細介紹了vue3中標簽form插件的使用的相關知識,文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以了解下2024-01-01
vue-quill-editor插入圖片路徑太長問題解決方法
這篇文章主要介紹了vue-quill-editor插入圖片路徑太長問題解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
這篇文章主要為大家介紹了vue前端優(yōu)雅展示后端十萬條數據的考點剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
vue element實現(xiàn)將表格單行數據導出為excel格式流程詳解
這篇文章主要介紹了vue element實現(xiàn)將表格單行數據導出為excel格式流程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧2022-12-12
script?setup是vue3的新語法糖,并不是新增的功能模塊,只是簡化了以往的組合式API必須返回(return)的寫法,并且有更好的運行時性能,這篇文章主要給大家介紹了關于Vue3.2中setup語法糖的相關資料,需要的朋友可以參考下2021-12-12
詳解Vue3中的watch偵聽器和watchEffect高級偵聽器
這篇文章主要介紹了Vue3中的watch偵聽器和watchEffect高級偵聽器,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-08-08