vue的选项

Posted 2020-08-24 阿琼的学习笔记

这篇是我自己看着方便整理的，请直接看官方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 函数返回虚拟节点使他们更容易渲染。?????