vue的选项

这篇是我自己看着方便整理的,请直接看官方api:http://cn.vuejs.org/v2/api/

数据

data,props,computed

注意,不应该使用箭头函数来定义计算属性函数 (例如 aDouble: () => this.a * 2)。理由是箭头函数绑定了父级作用域的上下文,所以 this 将不会按照期望指向 Vue 实例,this.a 将是 undefined。

.....应该了解一下箭头函数

methods,watch,

DOM

el: Vue 实例的挂载目标

template: 替换 挂载的元素

render:...

生命周期钩子

beforeCreate

created

beforeMount

mounted

beforeUpdate

updated

activated

deactivated

beforeDestroy

destroyed

资源

directives

filters

components

杂项

parent:Vue instance,可通过this.$parent访问父实例,推入父实例的$children数组

mixins:混合进来另一个选项对象??在组件自身的钩子之前调用

name:允许模板递归的调用自身

extend:声明扩展另一个组件,和mixin类似,但自身选项有更高优先级

var CompA = { ... }
 
// 在没有调用 Vue.extend 时候继承 CompA
var CompB = {
extends: CompA,
...
}

delimiters:改变纯文本插入分隔符。 这个选择只有在独立构建时才有用。

functional:使组件无状态(没有 data )和无实例(没有 this 上下文)。他们用一个简单的 render 函数返回虚拟节点使他们更容易渲染。?????

原文地址:https://www.cnblogs.com/zqiong/p/6210814.html