Vue实战

数据驱动DOM 是Vue.js的核心理念，所以不到万不得已时不要主动操作DOM ，你只需要维护好数据， DOM 的事Vue 会帮你优雅的处理。

Vue 的生命周期钩子与之类似，比较常用的有：
• created 实例创建完成后调用，此阶段完成了数据的观测等，但尚未挂载， $el 还不可用。需要初始化处理一些数据时会比较有用，后面章节将有介绍．
• mounted el 挂载到实例上后调用，一般我们的第一个业务逻辑会在这里开始。
• beforeDestroy 实例销毁之前调用。主要解绑一些使用addEventListener 监听的事件等。

如果想显示｛｛｝｝标签，而不进行编译替换， 使用v-pre 即可跳过这个元素和它的子元素的编译过程，例如：

通过给Vue 实例添加选项filters 来设置过滤器。过滤器也可以串联，而且可以接收参数，
{{ message I filterA （ ’ argl ’，’ arg2 ’）｝｝这里的字符串缸argl 和arg2 将分别传给过滤器的第二个和第三个参数，因为第一个是数据本身。

v-bind 的基本用途是动态更新HTML元素上的属性，比如class、href、src 等，可以简写为：
v-on用来绑定事件监听，这样我们就可以做一些交互。如click 、dblclick、keyup、mousemove等。可以简写为@click="表达式"，表达式可以是一个方法名，这些方法都写在Vue 实例的methods 属性内，并且是函数的形式。也可以直接是一个内联语句。