在Vue中的load或ready的加载时机

Posted sexintercourse

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在Vue中的load或ready的加载时机相关的知识，希望对你有一定的参考价值。

在Vue中的load或ready的加载时机

1、我们来插入一段代码来分析：

Js代码如下

  <script type="text/javascript">
            var app = new Vue({
                el: ‘#app‘,
                data: {},
                mounted: function () {
                    var interval = 2000;
                    Resize();
                    Map();
                    setInterval("Map()", interval);
                    dateTimer();
                    setInterval("dateTimer()", 1000);
                    $(window).resize(function () {
                        location.reload();
                    });
                }
            })

        </script>

　　对代码的解读，mounted函数为页面加载完毕执行的函数。添加监视等工作。

 html代码：

<body class="container-fluid" >
    <div id="app">
    </div>
</body>

我们在body下的顶层设定一个id为app的div，而且必须在body下声明一个顶级DIV元素或者其他的根元素。

以上是关于在Vue中的load或ready的加载时机的主要内容，如果未能解决你的问题，请参考以下文章

JQueryjQuery(document).ready(function($) { });的几种表示方法及load和ready的区别

Vue3官网-高级指南（十七）响应式计算`computed`和侦听`watchEffect`（onTrackonTriggeronInvalidate副作用的刷新时机`watch` pre）(代码片段

DOM加载过程中ready和load的区别

JS 页面加载触发事件 document.ready和onload的区别

如何让vuejs中ready函数加载完之后执行某个函数

js的 window.load 和window.onload 有啥区别