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插件集合
Jan 12 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
Jun 08 Javascript
jQuery与JS加载事件用法分析
Sep 04 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
Feb 23 Javascript
BootStrap 表单控件之单选按钮水平排列
May 23 Javascript
Vue数组更新及过滤排序功能
Aug 10 Javascript
js Dom实现换肤效果
Oct 21 Javascript
vue.js父子组件通信动态绑定的实例
Sep 28 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
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(三)
2012/03/22 PHP
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
PHP框架性能测试报告
2016/05/08 PHP
yii2 url重写并隐藏index.php方法
2018/12/10 PHP
项目实践之javascript技巧
2007/12/06 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
jquery()函数的三种语法介绍
2013/10/09 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
javascript实现日期格式转换
2014/12/16 Javascript
JavaScript插件化开发教程(六)
2015/02/01 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
Javascript中的几种继承方式对比分析
2016/03/22 Javascript
javascript 用函数实现继承详解
2016/05/28 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
解决Jquery下拉框数据动态获取的问题
2018/01/25 jQuery
2种在vue项目中使用百度地图的简单方法
2018/09/28 Javascript
Vue-Router基础学习笔记(小结)
2018/10/15 Javascript
vuex页面刷新后数据丢失的方法
2019/01/17 Javascript
详解element-ui中el-select的默认选择项问题
2019/08/02 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
2019/11/12 Javascript
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
深入理解Python3 内置函数大全
2017/11/23 Python
使用python读取csv文件快速插入数据库的实例
2018/06/21 Python
python 使用sys.stdin和fileinput读入标准输入的方法
2018/10/17 Python
Python OpenCV实现视频分帧
2019/06/01 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
潘多拉珠宝俄罗斯官方网上商店:PANDORA俄罗斯
2020/09/22 全球购物
幼儿园消防安全制度
2014/01/26 职场文书
公司法人授权委托书范本
2014/09/12 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
2016党校学习心得体会范文
2016/01/07 职场文书