new Vue({})和var app=new Vue({})两种创建vue实例的区别在哪？
new Vue({})和var app=new Vue({})两种创建vue实例的区别在哪？<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方式创建时第二个打印信息报错，求前辈指点这两种方式区别在哪？
只是new Vue({})而不var app=new Vue({})赋值给app这个变量的话，app就实际不是一个Vue的实例，它其实直到app.msg=123才被创建，不具有$data属性
el:"#app"意思是挂载到id为app的元素上。var app 是创建的app vue实例。你把两个名字改个不一样试试
页:
[1]