数据相关选项
| 选项 |
说明 |
| data |
声明需要响应式绑定的数据对象 |
| props |
接收来自父组件的数据 |
| propsData |
创建实例时手动传递props，方便测试props", |
| computed |
计算属性", |
| methods |
定义可以通过vm对象访问的方法", |
| watch |
Vue实例化时会调用$watch()方法遍历watch对象的每个属性", |
DOM相关选项
| 选项 |
说明 |
| el |
将页面上已存在的DOM元素作为Vue实例的挂载目标", |
| template |
可以替换挂载元素的字符串模板", |
| render |
渲染函数，字符串模板的替代方案", |
| renderError |
仅用于开发环境，在render()出现错误时，提供另外的渲染输出", |
生命周期钩子相关选项
| 选项 |
说明 |
| beforeCreate |
发生在Vue实例初始化之后，data observer和event/watcher事件被配置之前", |
| created |
发生在Vue实例初始化以及data observer和event/watcher事件被配置之后", |
| beforeMount |
挂载开始之前被调用，此时render()首次被调用", |
| mounted |
el被新建的vm.$el替换，并挂载到实例上之后调用", |
| beforeUpdate |
数据更新时调用，发生在虚拟DOM重新渲染和打补丁之前", |
| updated |
数据更改导致虚拟DOM重新渲染和打补丁之后被调用", |
| activated |
keep-alive组件激活时调用", |
| deactivated |
keep-alive组件停用时调用", |
| beforeDestroy |
实例销毁之前调用，Vue实例依然可用", |
| destroyed |
Vue实例销毁后调用，事件监听和子实例全部被移除，释放系统资源", |
资源相关选项
| 选项 |
说明 |
| directives |
包含Vue实例可用指令的哈希表", |
| filters |
包含Vue实例可用过滤器的哈希表", |
| components |
包含Vue实例可用组件的哈希表 |
组合选项
| 选项 |
说明 |
| parent |
指定当前实例的父实例，子实例用this. p a r e n t 访 问 父 实 例 ， 父 实 例 通 过 parent访问父实例，父实例通过 parent访问父实例，父实例通过children数组访问子实例 |
| mixins |
将属性混入Vue实例对象，并在Vue自身实例对象的属性被调用之前得到执行 |
| extends |
用于声明继承另一个组件，从而无需使用Vue.extend，便于扩展单文件组件 |
| provide&inject |
2个属性需要一起使用，用来向所有子组件注入依赖，类似于React的Context |
其它选项
name|允许组件递归调用自身，便于调试时显示更加友好的警告信息
delimiters|改变模板字符串的风格，默认为{
{}}
functional|让组件无状态(没有data)和无实例(没有this上下文)
model|允许自定义组件使用v-model时定制prop和event
inheritAttrs|默认情况下，父作用域的非props属性绑定会应用在子组件的根元素上。当编写嵌套有其它组件或元素的组件时，可以将该属性设置为false关闭这些默认行为
comments|设为true时会保留并且渲染模板中的HTML注释
Vue 实例属性