Vue - UI组件库iView

956 阅读1分钟

官网

www.iviewui.com

为方便使用,请将此网址收藏。

安装

npm install --save iview

使用

  npm安装好iview后去node_modules文件夹中找到iview文件夹打开里面的dist文件夹将style文件夹复制到项目根目录,否则缺失样式。

  在项目index.html中link-href引用style/iview.css。

  然后正常启动项目即可。

  这时候启动项目后你会发现页面样式较之前已经有所变化。

  使用iview中的组件要先在入口文件main.js中引入iview,然后Vue.use(iview),这样iview就会上到Vue的prototype上。

  将要用的iView组件直接上树即可,具体有哪些可用的组件详见官网手册,一般常用的都有,例如下面的星星评分组件:

常用的iView UI组件

table组件

  原来我们是用tr、td来写table,现在可以直接使用iView的table组件,使用这一组件我们不再需要繁琐地写tr、td,只要提供数据以及列定义就能生成表格。