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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM