VUE api等

2019-09-30 本文已影响0人李霖弢

全局 api

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 函数返回的对象。方便计算属性和渲染函数。

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()
      })

通过在原型上定义属性可以使其在每个 Vue 的实例中可用。如Vue.prototype.$appName = 'My App'。注意通过该方式定义方法时，方法中的this在调用时可以正确地指向实例，使用箭头函数却会导致错误。