参考 https://cn.vuejs.org/v2/guide/reactivity.html#%E5%BC%82%E6%AD%A5%E6%9B%B4%E6%96%B0%E9%98%9F%E5%88%97

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
    7.     <title>Document</title>
    8. </head>
    9. <body>
    10.     <div id="app">
    11.         <h3>{{message}}</h3>
    12.     </div>
    13.     <script src="./vue.js"></script>
    14.     <script>
    15.         const vm = new Vue({
    16.             el:'#app',
    17.             data:{
    18.                 message:'沐风'
    19.             }
    20.         })
    21.         vm.message = 'new Message';
    22.         // console.log(vm.$el.textContent);
    23.         // 为了数据变化之后等待vue完成更新DOM,可以在数据变化之后立即使用Vue.nextTick 在当前的回调函数中能获取最新的DOM
    24.         Vue.nextTick(()=>{
    25.            console.log(vm.$el.textContent); 
    26.         })
    28.     </script>
    31. </body>
    32. </html>