iview在vue-cli3如何按需加载的方法


Posted in Javascript onOctober 31, 2018

iview在官方文档上,对于使用脚手架vue-cli3的项目的使用只有一句话:“我们为最新的 Vue CLI 3 提供了相应的 iView 插件,如果你正在用 Vue CLI 3,可以直接在插件中搜索 iview,安装插件来使用。” 老实说,第一次看到这说明,我是懵逼的……废话不多说,直接撩起袖子撸

vue-cli3有个命令vue ui打开添加插件搜索 vue-cli-plugin-iview,点击安装

iview在vue-cli3如何按需加载的方法

iview在vue-cli3如何按需加载的方法

按需加载安装后,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'

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery 问答知识整理
Feb 11 Javascript
JQuery对id中含有特殊字符的转义处理示例
Sep 06 Javascript
javascript打印html内容功能的方法示例
Nov 28 Javascript
Javascript排序算法之计数排序的实例
Apr 05 Javascript
JavaScript动态添加css样式和script标签
Jul 19 Javascript
jQuery使用getJSON方法获取json数据完整示例
Sep 13 Javascript
Vue数据驱动模拟实现1
Jan 11 Javascript
js自定义Tab选项卡效果
Jun 05 Javascript
解决vue keep-alive 数据更新的问题
Sep 21 Javascript
微信小程序:数据存储、传值、取值详解
May 07 Javascript
原生js实现trigger方法示例代码
May 22 Javascript
微信小程序实现音频文件播放进度的实例代码
Mar 02 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 #jQuery
vue+iview 实现可编辑表格的示例代码
Oct 31 #Javascript
详解vue 项目白屏解决方案
Oct 31 #Javascript
微信小程序ibeacon三点定位详解
Oct 31 #Javascript
小程序获取周围IBeacon设备的方法
Oct 31 #Javascript
详解js删除数组中的指定元素
Oct 31 #Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
Oct 31 #Javascript
You might like
php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
2012/08/08 PHP
php中通过curl检测页面是否被百度收录
2013/09/27 PHP
php数组去除空值函数分享
2015/02/02 PHP
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
jquery CSS选择器笔记
2010/03/29 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
2011/02/26 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
2016/02/19 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
vue中使用cropperjs的方法
2018/03/01 Javascript
浅谈Vue下使用百度地图的简易方法
2018/03/23 Javascript
JS中promise化微信小程序api
2018/04/12 Javascript
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
详解Python数据可视化编程 - 词云生成并保存(jieba+WordCloud)
2019/03/26 Python
Django CBV类的用法详解
2019/07/26 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
New Balance英国官方网站:始于1906年,百年慢跑品牌
2016/12/07 全球购物
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
计算机应用职专应届生求职信
2013/11/12 职场文书
木工主管岗位职责
2013/12/08 职场文书
财务总监岗位职责
2014/03/07 职场文书
共产党员公开承诺书范文
2014/03/28 职场文书
疾病捐款倡议书
2014/05/13 职场文书
廉政教育的心得体会
2014/09/01 职场文书
2014年小学国庆节活动方案
2014/09/16 职场文书
联谊活动总结范文
2015/05/09 职场文书
污水处理保证书
2015/05/09 职场文书
联谊会开场白
2015/06/01 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
基于python实现银行管理系统
2021/04/20 Python
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang