Vue 2.x API 备忘录 2022.10.26
|
silent
|
取消 Vue 所有的日志与警告
|
|
optionMergeStrategies
|
自定义合并策略的选项
|
|
devtools
|
配置是否允许检查代码
|
|
errorHandler
|
未捕获错误的处理函数
|
|
warnHandler
|
警告自定义处理函数
|
|
ignoredElements
|
忽略在 Vue 之外的自定义元素
|
|
keyCodes
|
给 v-on 自定义键位别名
|
|
performance
|
性能追踪
|
|
productionTip
|
启动时生成生产提示
|
|
Vue.extend
|
构造器，创建一个“子类”
|
|
Vue.nextTick
|
获取更新后的 DOM
|
|
Vue.set
|
向响应式对象中添加一个 property
|
|
Vue.delete
|
删除对象的 property
|
|
Vue.directive
|
注册或获取全局指令
|
|
Vue.filter
|
注册或获取全局过滤器
|
|
Vue.component
|
注册或获取全局组件
|
|
Vue.use
|
安装 Vue.js 插件
|
|
Vue.mixin
|
全局注册混入
|
|
Vue.compile
|
将一个模板字符串编译成 render 函数
|
|
Vue.observable
|
让一个对象可响应
|
|
Vue.version
|
提供字符串形式的 Vue 安装版本号
|
|
data
|
Vue 实例的数据对象
|
|
props
|
用于接收来自父组件的数据
|
|
propsData
|
创建实例时传递 props，主要作用是方便测试
|
|
computed
|
计算属性，计算属性的结果会被缓存
|
|
methods
|
实例或指令中使用的方法
|
|
watch
|
侦听属性，键是需要观察的表达式
|
|
el
|
Vue 实例的挂载目标
|
|
template
|
字符串模板作为 Vue 实例的标识使用
|
|
render
|
渲染函数，字符串模板的代替方案
|
|
renderError
|
渲染函数遭遇错误时，提供另外一种渲染输出
|
|
directives
|
包含 Vue 实例可用指令的哈希表
|
|
filters
|
包含 Vue 实例可用过滤器的哈希表
|
|
components
|
包含 Vue 实例可用组件的哈希表
|
|
parent
|
指定已创建的实例之父实例，在两者之间建立父子关系
|
|
mixins
|
接收一个混入对象的数组
|
|
extends
|
允许声明扩展另一个组件，而无需使用 Vue.extend
|
|
provide / inject
|
这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效
|
|
name
|
允许组件模板递归地调用自身
|
|
delimiters
|
改变纯文本插入分隔符
|
|
functional
|
使组件无状态 (没有 data) 和无实例 (没有 this 上下文)，渲染的代价更小
|
|
model
|
允许一个自定义组件在使用 v-model 时定制 prop 和 event
|
|
inheritAttrs
|
props 的 attribute 绑定，默认行为将会被去掉
|
|
comments
|
当设为 true 时，将会保留且渲染模板中的 HTML 注释
|
|
beforeCreate
|
进行数据侦听和事件/侦听器的配置之前同步调用
|
|
created
|
在实例创建完成后被立即同步调用
|
|
beforeMount
|
在挂载开始之前被调用：相关的 render 函数首次被调用
|
|
mounted
|
实例被挂载后调用，这时 el 被新创建的 vm.$el 替换了
|
|
beforeUpdate
|
在数据发生改变后，DOM 被更新之前被调用
|
|
updated
|
在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用
|
|
activated
|
被 keep-alive 缓存的组件激活时调用
|
|
deactivated
|
被 keep-alive 缓存的组件失活时调用
|
|
beforeDestroy
|
实例销毁之前调用，在这一步，实例仍然完全可用
|
|
destroyed
|
实例销毁后调用
|
|
errorCaptured
|
在捕获一个来自后代组件的错误时被调用
|
|
vm.$data
|
Vue 实例观察的数据对象
|
|
vm.$props
|
当前组件接收到的 props 对象
|
|
vm.$el
|
Vue 实例使用的根 DOM 元素
|
|
vm.$options
|
用于当前 Vue 实例的初始化选项
|
|
vm.$parent
|
父实例，如果当前实例有的话
|
|
vm.$root
|
当前组件树的根 Vue 实例，没有父实例则是自己
|
|
vm.$children
|
当前实例的直接子组件
|
|
vm.$slots
|
用来访问被插槽分发的内容
|
|
vm.$scopedSlots
|
用来访问作用域插槽
|
|
vm.$refs
|
一个对象，持有注册过 ref attribute 的所有 DOM 元素和组件实例
|
|
vm.$isServer
|
当前 Vue 实例是否运行于服务器
|
|
vm.$attrs
|
包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)
|
|
vm.$listeners
|
包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器
|
|
vm.$watch
|
观察 Vue 实例上的一个表达式或者一个函数计算结果的变化
|
|
vm.$set
|
这是全局 Vue.set 的别名
|
|
vm.$delete
|
这是全局 Vue.delete 的别名
|
|
vm.$on
|
监听当前实例上的自定义事件
|
|
vm.$once
|
监听一个自定义事件，但是只触发一次
|
|
vm.$off
|
移除自定义事件监听器
|
|
vm.$emit
|
触发当前实例上的事件，附加参数都会传给监听器回调
|
|
vm.$mount
|
手动地挂载一个未挂载的实例
|
|
vm.$forceUpdate()
|
迫使 Vue 实例重新渲染
|
|
vm.$nextTick
|
将回调延迟到下次 DOM 更新循环之后执行，在修改数据之后立即使用它，然后等待 DOM 更新
|
|
vm.$destroy()
|
完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器。
|
|
v-text
|
更新元素的 textContent，同插值语法 {{ }}
|
|
v-html
|
更新元素的 innerHTML
|
|
v-show
|
根据表达式之真假值，切换元素的 display CSS property
|
|
v-if
|
有条件地渲染元素
|
|
v-else
|
为 v-if 或者 v-else-if 添加“else 块”
|
|
v-else-if
|
表示 v-if 的“else if 块”。可以链式调用
|
|
v-for
|
基于源数据多次渲染元素或模板块
|
|
v-on，
@ |
绑定事件监听器
|
|
v-bind，
: |
动态地绑定一个或多个 attribute，或一个组件 prop 到表达式
|
|
v-model
|
在表单控件或者组件上创建双向绑定
|
|
v-slot，
# |
提供具名插槽或需要接收 prop 的插槽
|
|
v-pre
|
跳过这个元素和它的子元素的编译过程
|
|
v-cloak
|
这个指令保持在元素上直到关联实例结束编译
|
|
v-once
|
只渲染元素和组件一次
|
|
key
|
在新旧 nodes 对比时辨识 VNodes，结合 v-for
|
|
ref
|
给元素或子组件注册引用信息，结合 $refs
|
|
is
|
用于动态组件且基于 DOM 内模板的限制来工作
|
|
slot 废弃
|
用于标记往哪个具名插槽中插入子组件内容，推荐 v-slot
|
|
slot-scope 废弃
|
用于将元素或组件表示为作用域插槽，推荐 v-slot
|
|
scope 废弃
|
被 slot-scope 取代，用于表示一个作为带作用域的插槽的 <template> 元素
|
|
component
|
渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染
|
|
transition
|
动画效果，作为单个元素/组件的过渡效果
|
|
transition-group
|
动画效果，作为多个元素/组件的过渡效果
|
|
keep-alive
|
主要用于保留组件状态或避免重新渲染
|
|
slot
|
插槽，作为组件模板之中的内容分发插槽。<slot> 元素自身将被替换
|
No comments yet.
Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.
