vue加载完成后的回调函数方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue加载完成后的回调函数方法相关的知识,希望对你有一定的参考价值。

参考技术A 如下所示:
var
c
=
new
Vue(
el:
"#cartoon",
data:
data,
mounted:

alert("vue加载完成");

);
以上这篇vue加载完成后的回调函数方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:vuejs实现ready函数加载完之后执行某个函数的方法VUE
DOM加载后执行自定义事件的方法vue实现图片加载完成前的loading组件方法

Vue.nextTick()

什么是Vue.nextTick()??

定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。

所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;

理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数,

以上是关于vue加载完成后的回调函数方法的主要内容,如果未能解决你的问题,请参考以下文章

回调函数的使用场合

vue.nextTick()方法的使用详解

回调函数在VUE的应用

Vue.nextTick(callback)

Vue.nextTick(callback)

vue 中使用 sortable.js 拖动表格