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