我们常用下面的写法

    1. <div id="app">
    2.             {{ message }} <br/>
    3.             {{ age }}
    4.         </div>
    6.         <script >
    7.             var vm = new Vue ({
    8.                 el:"#app",
    9.                 data : {
    10.                     message: "我是data里面的message",
    11.                     age: 23,
    12.                 },
    13.             });
    14.         </script>
    <body>
        <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
        <!-- 准备好了容器 -->
        <div id="app">
        </div>

        <script >
            var vm = new Vue ({
                // 实例和容器通过el关联
                el:"#app",
                data : {
                    message: "我是data里面的message",
                },
            })
        </script>    
    </body>

    下面是一个更灵活的写法 v.mount

    <body>
        <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
        <!-- 准备好了容器 -->
        <div id="app">
            {{ message }}
        </div>

        <script >
            var vm = new Vue ({
                // // 实例和容器通过el关联
                // el:"#app",
                data : {
                    message: "我是data里面的message",
                },
            });
            vm.$mount("#app")
        </script>    
    </body>

    $mount是什么意思呢？
    image.png
    我们来看一下控制台，输入vm之后我们可以看到什么？
    所以$mount在哪呢？
    image.png
    $mount 可以让我们的代码更加灵活