关于Element-ui的小问题

前阵子用到了Element-ui，遇到一些小问题，过后想想都是挺白痴的，还是总结下吧~

一. 按需引入报错

比如想要用select组件，然后找到了组件的API，然后找了一个例子代码粘贴过了，也 import { Select } from 'element-ui'和Vue.use(Select) 了，但是报错了

vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: <el-option> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
复制代码

一开始还在想是不是哪的name不对什么的，其实是select的子组件没有引进来

所以还要引入import { Option } from 'element-ui'

二. API里Methods和Events的用法区别

还是select组件,代码示例中，选择完选项之后并没有失去焦点，点击一下别的区域会触发失去焦点事件

但是代码中，如果点击的是带有事件的区域，就不会触发这个组件的失焦事件了，当时没有细看api，还天真的以为这个有bug啊，但是之后回过头细看api发现是给出方法去主动触发失去焦点事件的

当时还傻了吧唧的想，唉？这两个肯定是有区别的，但是怎么用呢，events大家肯定都知道是这样用

<el-select v-model="lessonValue" @change='courseChange' @focus="courseFocus"></el-select>
复制代码

后来还是无意中问了下组长这个api，他看了眼说用refs吧，然后就恍然大悟。。。

this.$refs.planSelect.blur()
复制代码

就是这么简单。。。