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