new Vue({})和var app=new Vue({})两种创建vue实例的区别在哪？

Question

 <div id="app">

        <p>{{msg}}</p>

    </div>

    <script>

        var app = new Vue({

            el: '#app',

            data: {

                msg: 'Hello Vue'

            }

        })

        app.msg=123

        console.log(app.msg)

        console.log(app.$data.msg === app.msg)

    </script>

上面代码通过var方式创建时两个打印信息正常执行，通过new Vue方式创建时第二个打印信息报错，求前辈指点这两种方式区别在哪？

Answer 1

只是new Vue({})而不var app=new Vue({})赋值给app这个变量的话,&nbsp;app就实际不是一个Vue的实例,&nbsp;它其实直到app.msg=123才被创建, 不具有$data属性

Answer 2

el:"#app"意思是挂载到id为app的元素上。var app 是创建的app vue实例。你把两个名字改个不一样试试