谁能百里挑一丁文洁,纸标签,单机岛
iview在官方文档上,对于使用脚手架vue-cli3的项目的使用只有一句话:“我们为最新的 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+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论