vue生命周期

vue新手入门
el：提供一个页面上已经存在的DOM元素作为vue实例的挂载目标；
data：数据对象；
methods：通过vue实例访问这些方法或者用于具体的指令表达式，其中的this绑定为vue实例。
props：可以是数组或者对象，用于接收来自父组件的数据。
propsData：props测试数据时需要用到。
computed：计算属性。
watch：监控方法
vue实例生命周期
created：初始化完成，完成双向绑定等内容后执行，但还未指定模板；
munted：挂载后执行
deactivated：自定义指令，核心内置指令有v-model和v-show，但是我们常常需要对DOM进行底层操作，这就需要我们的自定义属性，实现我们想要的功能。
官方文档介绍：https://cn.vuejs.org/v2/guide/custom-directive.html
注册过后我们就可以在其中任何一个元素上使用注册过的自定义指令，例如focus聚焦等等。
ref：被用来给元素或者子组件注册引用信息，引用信息将会注册在父组件的$ref对象上，如果在普通的DOM元素上使用 ，引用指向的就是DOM元素，如果用在子组件上，引用的就是组件实例。ref本身作为渲染结果被创建，在初始渲染的时候你不能访问他们，他们此时并不存在。

this.$refs.showTip.innerHTML="增加角色"

不可用于双向数据绑定，可进行底层的DOM底层操作。
邮箱验证正则表达式：^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(.[a-zA-Z0-9-]+)*.[a-zA-Z0-9]{2,6}/