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
函数返回虚拟节点使他们更容易渲染。?????
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步