在vue-cli中使用iView

我也是在最近刚使用iView,起初我认为和bootstrap相差不多，一用发现自己太傻了，iView的插件我觉得还是非常好看和好用的，所以我想给大家推荐一下~并且介绍一下他的使用方法。

我是在webpack环境下来使用iView的，因此，我假设大家已经懂得如何使用vue的脚手架了。

npm install iview --save 来安装iView

接着在main.js中引入iView 就直接可以在脚手架中使用了。

同时，还需要在iView中引入css样式文件哦~~

import Vue from 'vue'
import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView);

接下来就可以直接使用拉~~

但是我在这里有一些注意点要提~

在我使用iView中的Switch时，在vue组件中插入<Swtich></Swich>并没有正常显示Swich开关，而是需要将标签改为<i-switch  /> 或者<i-switch></i-switch>才正常显示，那是因为我们没有使用iview-loader，在使用其他插件时，如果在非template/render下使用时，都是需要转换为 i-插件名字的，所以在使用过程中要注意一下。

最后，我觉得iView还是非常好用的，^-^