Vue

[LastPoem]

Vue基础

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。简单来说，Vue通过数据驱动页面，而不直接操纵DOM。

1.指令

在DOM元素中带有前缀v-的属性，会在渲染的DOM上应用特殊的响应行为 如v-bind， v-on事件监听，v-if，v-show，v-model，

2.Vue实例

每个Vue应用通过Vue函数创建的Vue实例开始（Vue组件也是实例）

数据与方法 当一个 Vue 实例被创建时，它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。 Vue 实例还暴露了一些有用的实例属性与方法，它们都有前缀 $，以便与用户定义的属性区分开来。

vm.$data === data // => true
vm.$el === document.getElementById('example') // => true

// $watch 是一个实例方法
vm.$watch('a', function (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
})