1. VUE实例

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统

<div id="app">
  {{ message }}
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

vue实例化的常用参数:

实例创建之后，可以通过 vm.$data访问原始数据对象。Vue 实例也代理了 data 对象上所有的 property，因此访问 vm.a等价于访问 vm.$data.a。

props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义验证和设置默认值。

methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this自动绑定为 Vue 实例(所以在方法中用this.xxxx可以直接访问data参数中的数据)。