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