vue的选项

Posted 阿琼的学习笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 函数返回虚拟节点使他们更容易渲染。?????

 

 

以上是关于vue的选项的主要内容,如果未能解决你的问题,请参考以下文章

使用vscode,新建.vue文件,tab(enter)自动生成vue代码模板

vscode 新建vue模板

vscode vue快速新建模板

vscode之快速生成vue模板

[vscode]--HTML代码片段(基础版,reactvuejquery)

vsCode写vue项目一键生成.vue模板