iview 3.0.0 按需引入的bug

iview 3.0.0 按需引入的bug

官网教程 https://www.iviewui.com/docs/... 简单易懂

按照官网撸完会再在我们的项目中引入你需要的组件(比如button)，会发现报如下错：
Cannot read property 'size' of undefined

这是为什么呢，都是按照官网一手一脚码的，这时候我们需要怀疑的精神，直接打开
node_modules/iview/src/components/button/这个文件夹，看看button.vue这里的源码然后找到props.size的undefault方法，将this.$IVIEW打印出来，你就会发现原因所在

这个this.$IVIEW 打印出来是undefined，这个就可以解析上面Cannot read property 'size' of undefined的报错了

解决办法

在入口js(main.js)上自己手动给vue.$IVIEW绑定一个空对象

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

import { Button, Table } from 'iview';
Vue.component('Button', Button);
Vue.component('Table', Table);
//手动给绑定个空对象，就不会报错了
Vue.prototype.$IVIEW = {}