首页 > 其他 > 详细

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

时间:2018-10-19 15:53:11      阅读:185      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!