全局 api
- Vue.nextTick
Vue.nextTick(function () {})
Vue.nextTick().then(function () {})
- Vue.set( target, propertyName/index, value )
用于向响应式对象上添加新属性,注意对象不能是 Vue 实例,或者 Vue 实例的根数据对象。- {Object | Array} target
- {string | number} propertyName/index
- {any} value
- Vue.delete( target, propertyName/index )
删除对象的属性。- {Object | Array} target
- {string | number} propertyName/index
- Vue.directive( id, [definition] )
注册或获取全局指令。- {string} id
- Function | Object} [definition]
- Vue.directive( id, [definition] )
- Vue.filter( id, [definition] )
- Vue.component( id, [definition] )
- Vue.use(plugin)
安装vue插件 - Vue.mixin(mixin)
- Vue.compile(template)
在 render 函数中编译模板字符串。只在独立构建(纯js不用template)时有效 - Vue.observable( object )
让一个对象可响应。Vue 内部会用它来处理 data 函数返回的对象。方便计算属性和渲染函数。
实例 api
- vm.$watch
- vm.$set
- vm.$delete
- vm.$on
- vm.$once
- vm.$off
- vm.$emit
- vm.$mount
如果 Vue 实例在实例化时没有收到 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例。 - vm.$forceUpdate
迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。 - vm.$nextTick
this.$nextTick(function () {
// DOM 现在更新了
// `this` 绑定到当前实例
this.doSomethingElse()
})
- vm.$destroy
渲染函数&JSX
单元测试
TS支持
其他
在原型上定义属性
通过在原型上定义属性可以使其在每个 Vue 的实例中可用。如Vue.prototype.$appName = 'My App'
。注意通过该方式定义方法时,方法中的this
在调用时可以正确地指向实例,使用箭头函数却会导致错误。
网友评论