iVew框架的文档   https://www.iviewui.com/docs/guide/install

这里使用的是 npm 来安装,在项目下执行下面命令npm install iview --save:

$ npm install iview --save

npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ iview@2.14.3

added 10 packages from 12 contributors and audited 32865 packages in 17.509s

found 7 vulnerabilities (1 low, 1 moderate, 4 high, 1 critical)

run `npm audit fix` to fix them, or `npm audit` for details

在main.js 里面引入:

import iView from ‘iview‘;

import‘iview/dist/styles/iview.css‘;

Vue.use(iView);

然后在页面中使用:

运行就可以看到实现的效果  :)

上面是全部引入该组件库,如果仅使用里面的部分组件,也可以选择按需引入

vue 使用fs_在vue里面使用iVew框架相关推荐

  1. 怎么将vue模板转换为html,vue中自定义html文件的模板

    如果默认生成的 HTML 文件不适合需求,可以创建/使用自定义模板. 一是通过 inject 选项,然后传递给定制的 HTML 文件.html-webpack-plugin 将会自动注入所有需要的 C ...

  2. vue 网络请求 axios vue POST请求 vue GET请求 代码示例

    QQ技术交流群 173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票 1.安装 axios 和 vue-axios 和 qs (qs是为了解决post默认使用的是x-www-f ...

  3. vue教程2 【Vue组件化编程】 组件的创建和使用 非单文件组件和单文件组件的区别

    组件 实现局部功能的代码和资源的集合 非单文件组件 1.定义组件(创建组件) 2.注册组件 3.使用组件(写组件标签) 定义 使用Vue.extend(options)创建,其中options和new ...

  4. Vue教程1 【Vue核心】

    Vue.js 中文文档 (bootcss.com) 使用vue插件 GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debuggi ...

  5. # vue.js 之 对vue.js基础理解

    vue.js 之 对vue.js基础理解 Vue构造器 1 . Vue.js是一个构造函数,编程中称之为构造器 2 . 每一个new Vue() 都是一个Vue构造函数的实例,这个过程叫做实例化 3 ...

  6. VSCode 搭建Vue开发环境之Vue CLI

    2019独角兽企业重金招聘Python工程师标准>>> 一.简介说明 1.关于VS Code开发工具,安装和配置,更多可以参考以前文章 2.关于Vue.js,Vue是一个优秀的渐进式 ...

  7. Vue HTML:在Vue上写Html遇到的一些问题,html的首行缩进,html的行间距,element UI的回到顶部不显示

    Vue & HTML:在Vue上写Html遇到的一些问题,html的首行缩进,html的行间距,element UI的回到顶部不显示 资源: HTML 教程- (HTML5 标准) 怎么快速上 ...

  8. vue 1.0和vue 2.0的变化和区别

    一.在每个组件模板,不在支持片段代码 vue 1.0是 <template><h3>我是组件</h3><strong>我是加粗标签</strong ...

  9. Vue 单文件组件||Vue 单文件组件的基本用法||webpack 中配置 vue 组件的加载器|| 在 webpack 项目中使用 vue

    Vue 单文件组件 传统组件的问题和解决方案 1. 问题 1. 全局定义的组件必须保证组件的名称不重复 2. 字符串模板缺乏语法高亮,在 HTML 有多行的时候,需要用到丑陋的 \ 3. 不支持 CS ...

最新文章

  1. mysql注册数据库_基于mysql数据库的注册
  2. 第三十一课.矩阵胶囊与EM路由
  3. “造车时代”多方笃定小米造车,网络营销外包专员如何看待这一波营销?
  4. 第二阶段第七次站立会议
  5. python安装包_在python官网打不开的情况下获取获取官方最新安装包
  6. 执行Hive语句报错:FAILED: Error in metadata: javax.jdo.JDOFatalDataStoreException: Access denied for user '
  7. C#通用类库--DOS常用命令
  8. 学习动态性能表(19)--v$undostat
  9. c语言 结构体 选择题,C语言结构体共用体选择题(新).doc
  10. 重启手机出现机器人加一个叹号_解决win10上不了网出现红叉,网卡驱动异常代码56的问题...
  11. 伪验证码(含随机验证码方法)js+css
  12. 阶段3 1.Mybatis_06.使用Mybatis完成DAO层的开发_3 Mybatis中编写dao实现类的使用-修改删除等其他操作...
  13. 嵌入式Linux的学习路线
  14. B - Distributing Ballot Boxes
  15. mysql 派生表 索引_MySQL 索引初探
  16. MD5加密为什么不可逆?
  17. Spring5 里边的新玩法!这种 URL 请求让我涨见识了!
  18. linux升级内核后vnc显示没有桌面,Intel NUC(NUC6i3SYH)在不接显示器的情况下VNC不显示桌面(Ubuntu 18.04)...
  19. Revit建模快速剖面操作一键完成!
  20. 【转】关于SAP的用户出口 SAP的用户功能增强

热门文章

  1. 深度学习超分辨率综述阅读笔记(翻译)
  2. How to Fix Microsoft Teams Error caa70004
  3. frangi黑森矩阵_消灭黑森臭虫
  4. xero 软件学习_使用PHP与Xero连接
  5. AD7606系列ADC的相关内容
  6. flink学习(五)DataStream API
  7. 聚苯乙烯荧光单分散微球|Monodispersepolystyrenemicrospheres
  8. uilable 上面加子视图图
  9. cython 安装升级_浅尝Kivy
  10. 关于 - TypeError: dict.get() takes no keyword arguments