一些好用但是不常用的vue属性
2019-10-11 本文已影响0人
回不去的那些时光
$mount()
如果 Vue 实例在实例化时没有收到 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例。
$forceUpdate()
迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
$nextTick()
将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。
$destroy()
完全销毁一个实例。清理它与其它实例的连接,解绑它的全部指令及事件监听器。
触发 beforeDestroy
和 destroyed
的钩子。
在大多数场景中你不应该调用这个方法。最好使用 v-if
和 v-for
指令以数据驱动的方式控制子组件的生命周期。
$set(obj, key, value)
向响应式对象中添加一个属性
this.$set(this.obj, 'c', 3);
$refs
一个对象,持有注册过 ref 特性 的所有 DOM 元素和组件实例。在父子组件中父组件获取子组件属性和方法中用的很多
$emit
触发当前实例上的事件。附加参数都会传给监听器回调。
在父子组件中子组件传递属性和调用方法