显然两个官方都不会直接告诉你他们用什么样的方式喜结连理。

iView Weapp会告诉你:在git里下载完源码后直接将 dist 目录拷贝到自己的项目中就直接可以用了。
但是你如此放到mpVue里就会直接提示

view Component is not found in path "dist/button/index"

原因是mpVue的dist是生产wx小程序的主要目录,所以iView框架不要放在这里,应该直接扔到mpVue目录下的static目录里,然后按照官方文档直接引用后,重新npm run dev即可。

我这里是直接打算全局引用iView的组件,因此需要写在src/app.json里,添加:

"usingComponents": {
    "i-button": "../../../static/iview/button/index",
    "i-row": "../../../static/iview/button/index",
    "i-col": "../../../static/iview/col/index",
    "i-cell-group": "../../static/iview/cell-group/index",
    "i-cell": "../../static/iview/cell/index",
    "i-icon": "../../static/iview/icon/index",
    "i-tab-bar": "../../static/iview/tab-bar/index",
    "i-tab-bar-item": "../../static/iview/tab-bar-item/index",
    "i-tabs": "../../static/iview/tabs/index",
    "i-tab": "../../static/iview/tab/index",
    "i-drawer": "../../static/iview/drawer/index",
    "i-modal": "../../static/iview/modal/index",
    "i-spin": "../../static/iview/spin/index",
    "i-load-more": "../../static/iview/load-more/index",
    "i-input": "../../static/iview/input/index",
    "i-radio-group": "../../static/iview/radio-group/index",
    "i-radio": "../../static/iview/radio/index",
    "i-checkbox-group": "../../static/iview/checkbox-group/index",
    "i-checkbox": "../../static/iview/checkbox/index",
    "i-switch": "../../static/iview/switch/index"
  }

即可。

另外你还会发现,如果强制修改iView的样式也不行,因为他的样式直接就是!important了,即使你用他提供的i-class也不好使,所以以按钮举例,正确覆盖样式的方法是:
src/App.vue里写入@import url(‘../static/css/iview.css’);

接着在static目录下新建一个css目录,添加iview.css
样式如下:

._i-button .btn-primary{
    background: #000 !important
}

这样即可强行覆盖按钮的背景颜色,原理是需要观察该组件的最外层class,通过微信自带的工具wxml可以看到页面的dom结构,在上的样式就是”_i-button”,因此根据css的样式优先级,“._i-button .btn-primary”这种写法才能强行覆盖原有的样式!important