Vue 选项属性

data：用于声明响应式数据，当一个组件被定义，必须声明为一个初始数据对象

methods：用于声明事件函数，不能使用箭头函数来定义methods函数，没有缓存

Computed：计算属性，计算属性时基本它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时才会重新求值，有缓存

Watch：监听器，用于监听data中响应式数据变化，可以使用deep:true设置深度监听，但是只能监听对象的属性改变，无法监听基本数据类型，如：list=[1,2,3,4],元素值改变是无法监听到，watch监听器函数不能使用箭头函数

Filters：过滤器，用法{{str | filterName}}，要过滤的内容作为filterName()参数，fiterName()返回值就是在页面要渲染的内容，过滤器链{{str|f1|f2}},第一个过滤器的返回值，会作为第二个过滤器的参数传入

Directives：自定义指令，钩子函数：bind，inserted，update，componentUpdated，unbind

        bind：指令被绑定到元素上执行，只会执行一次

        Inserted：被绑定的元素插入到父节点时执行，只会执行一次

        update：当虚拟DOM被重新渲染时执行

        componentUpdated：当虚拟DOM重新渲染完成后执行

        unbind：指令与元素解绑时调用，只会执行一次

        directives钩子函数的参数：el，binding，vnode，oldVnode

                el:被绑定的DOM对象

                binding：是一个包含了指令的所有属性的对象：包括name，rawName，value

                vnode：vue编译生成的虚拟节点

                oldVnode：上一个虚拟节点，仅在update和componentUpdated钩子种可用

components:在当前组件内注册外部组件

template：自定义组件中的模板内容，编写的模板只能由一个根组件（根标签）

生命周期钩子：

        beforeCreate:初始化前

        created:初始化后

        beforeMount:挂载前

        mounted:挂载后

        beforeUpdate:更新前

        updated:更新后

        beforeDestroy:销毁前

        destroyed:销毁后

        activated:激活

        deactivated：停用

        errorCaptured：错误处理机制