在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元素或者其他的根元素。

posted on 2018-10-19 15:26  漫思  阅读(13861)  评论(0编辑  收藏  举报

导航