Vue 实例和数据绑定

1.创建Vue实例

var app = new Vue({
  el: "#app",
  data: {
    msg: 'hi'
  }
});

el： el 用于指定一个页面中己存在的 DOM 元素来挂载 Vue实例,可以是标签，也可以是css语法。
data： 声明应用内需要双向绑定的数据，也可以指向一个已经有的变量。

2. 访问

访问 Vue实例的属性

访问 Vue实例的属性都是以 $ 开头，比如 : app.﹩el、app.﹩data

console.log(app.$el); //  <div id="app">   hi  </div>

console.log(app.$data); 

image.png

访问data的属性

直接app.属性名，app.msg

console.log(app.msg)  //  hi