Vue生命周期、插值与表达式、过滤器、指令与事件

        每个Vue实例创建时，都会经历一系列的初始化过程，同时也会调用相应的生命周期钩子，我们可以利用这些钩子，在合适的时机执行我们的业务逻辑。

 Vue生命周期，比较常用的有：

•   created 实例创建完成之后调用，但尚未挂载，$el还不可以使用
•   mouted el挂载到实例上后调用，一般第一个业务逻辑会在这里
•   beforeDestory 实例销毁之前调用，主要解绑一些使用addEventListener监听事件 

插值与表达式： 

 使用双大括号{{}},最基本的文本插值方法，它会自动将双向绑定的数据实时显示出来

指令与事件：

• 指令(Directives)是Vue.js模板中最常见的一项功能。它带有前缀v-

• 指令的主要职能就是当表达式的值变化时，相应地将某些行为应用到DOM上。 

•  v-on来监听事件

 过滤器：

       Vue.js支持在{{}} 插值尾部添加一个管道符 “|”  对数据进行过滤，用于格式化文本，过滤规则是自定义的，通过添加filters来设置