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

时间:2023-03-08 18:31:14
在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元素或者其他的根元素。