created()页面渲染前执行、mounted()页面渲染后执行。这里只测试中要的两个方法。

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
    8.     <title>Document</title>
    9. </head>
    11. <body>
    12.     <div id="app">
    14.     </div>
    15.     <script src="vue.min.js"></script>
    16.     <script>
    17.         new Vue({
    18.             el: '#app',
    19.             data: {
    21.             },
    22.             created(){
    23.                 debugger//程序走到这里会停下，配合浏览器F12一起用
    24.                 console.log("页面渲染前执行");
    25.             },
    26.             mounted(){
    27.                 debugger//程序走到这里会停下
    28.                 console.log("页面渲染后执行")
    29.             }
    32.         })
    33.     </script>
    34. </body>
    36. </html>