费老大劲儿把vue的api目录加提示手打了一遍,加深印象!
**全局配置**
silent
取消vue所有日志警告
devtools
配置是否允许vue-devtools检查代码。
errorHandler
指定组件的渲染和观察期间未捕获错误的处理函数
warnHandler
为vue运行时警告赋予一个自定义句柄
ignoredElements
须使vue忽略在vue之外的自定义元素
keyCodes
给v-on自定义键位别名
performance
设置为true以在浏览器开发工具中启用对组件初始化,渲染和打补丁的性能追踪
productionTip
设置为false阻止vue启动时生成生产提示
**全局API**
Vue.extend
使用基础Vue构造器,创建一个子类
Vue.nextTick
在下次DOM更新循环结束后执行延迟回调。
Vue.set
设置对象的属性
Vue.delete
删除对象的属性
Vue.directive
注册或获取全局指令
Vue.filter
注册或获取全局过滤器
Vue.component
注册或获取全局组件
Vue.use
安装使用Vue.js插件
Vue.minxin
全局注册一个混合影响注册之后所有创建的每个Vue实例
Vue.compile
在render函数中编译模板字符串
Vue.version
提供字符串形式的vue安装版本号
**选项/数据**
data
Vue实例的数据对象
props
可以是数组或者对象,用来接收来自父组件的数据
propsData
创建实例时传递props。主要是方便测试
computed
计算属性将被混入到Vue实例中。
methods
methods将被混入到Vue实例中
watch
一个对象,键是需要观察的表达式,值是对应回调函数。
**选项/DOM**
el
提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标
template
一个字符串模板作为Vue实例的标识使用
render
字符串模板的代替方案
renderError
只在开发者环境下工作
**选项/生命周期钩子**
beforeCreate
在实例初始化之后,数据观测和事件配置之前使用
created
在实例化创建完成之后被立即调用。
beforeMount
在挂载之前被调用
mounted
el被新创建的vm.$el替换,并挂载到实例上去之后调用该钩子
beforeUpdate
数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前
updated
由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子
activated
keep-alive组件激活时调用
deactivated
keep-alive组件停用时调用
beforeDestroy
实例销毁之前调用
destroy
Vue实例销毁后调用
**选项/资源**
directives
包含Vue实例可用指令的哈希表
filters
包含 Vue 实例可用过滤器的哈希表
comments
包含 Vue 实例可用组件的哈希表。
**选项/资源**
parent
指定已创建的实例之父实例,在两者之间建立父子关系
mixins
选项接受一个混合对象的数组
extends
允许声明扩展里一个组件,而无需使用Vue.extend
provide/inject
主要为高阶插件/组件库提供用例。
**选项/其它**
name
允许组件模板递归的调用自身
delimiters
改变纯文本插入分隔符
functional
使组件无状态
model
允许一个自定义组件在使用v-model时定制prop和event
inheritAttrs
默认情况下副作用域的不被认作props的特性绑定将会‘回退’,且作为普通的HTML特性应用在子组件的根元素上。
comments
为true时,将会保留且渲染模板中的HTML注释。默认行为是舍弃它们
**实例属性**
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 的所有子组件
vm.$isServer
当前 Vue 实例是否运行于服务器
vm.$attrs
包含了父作用域中不被认为 (且不预期为) props 的特性绑定 (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
如果 Vue 实例在实例化时没有收到 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例
vm.$forceUpdate
将回调延迟到下次 DOM 更新循环之后执行
vm.$destroy()
完全销毁一个实例。清理它与其它实例的连接,解绑它的全部指令及事件监听器
**指令**
v-text
更新元素的 textContent
v-html
更新元素的 innerHTML
v-show
根据表达式之真假值,切换元素的 display CSS 属性
v-if
根据表达式的值的真假条件渲染元素
v-else
为 v-if 或者 v-else-if 添加“else 块”
v-else-if
表示 v-if 的 “else if 块”。可以链式调用
v-for
基于源数据多次渲染元素或模板块
v-on
绑定事件监听器
v-bind
动态地绑定一个或多个特性,或一个组件 prop 到表达式
v-model
在表单控件或者组件上创建双向绑定
v-pre
跳过这个元素和它的子元素的编译过程
v-cloak
这个指令保持在元素上直到关联实例结束编译
v-once
只渲染元素和组件一次
**特殊特性**
key
它也可以用于强制替换元素/组件而不是重复使用它。
ref
ref 被用来给元素或子组件注册引用信息
slot
用于标记往哪个具名插槽中插入子组件内容
is
用于动态组件且基于 DOM 内模板的限制来工作
**内置的组件**
component
渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染
transition
作为单个元素/组件的过渡效果
transition-group
作为多个元素/组件的过渡效果
keep-alive
<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们
slot
作为组件模板之中的内容分发插槽