码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-10-19 16:06:58      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:contain   col   加载   inter   javascrip   uid   监视   span   window   

在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的加载时机

标签:contain   col   加载   inter   javascrip   uid   监视   span   window   

原文地址:https://www.cnblogs.com/sexintercourse/p/9816669.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!