Vue 模板语法

 //文本插值
  
{{ message }}
 

  //使用 v-html 指令用于输出 html 代码：
    


    

  // 绑定class
  

    v-bind:class 指令
  

    

  //使用 v-model 指令来实现双向数据绑定
    
{{ message }}
    

    

  //字符串进行反转操作
    
{{ message }}
    反转字符串

    

 //自定义过滤器,第一个字母转为大写
  {{ message | capitalize }}

    

  //v-bind 完整写法
        //v-bind 缩写

  //v-on 完整写法
     //v-on 缩写

生命周期

【生命周期钩子函数】

beforeCreated：在 Vue 实例化之前调用，也可以将他理解为初始化函数。在 Vue1.0 时，这个函数的名字就是 init。  
created：在创建实例之后进行调用。

beforeMount：页面加载完成，没有渲染。此时页面还是 {{name}}  
mounted：他的功能就是：在 dom 文档渲染完毕之后将要执行的函数，该函数在 Vue1.0 版本中名字为 compiled。可以将他理解为原生 js 中的 window.onload=function({.,.}) ,所以也可以理解为 jquery 中的 $(document).ready(function(){….})。此时页面中的 {{name}} 已被渲染

beforeDestroy：该函数将在销毁实例前进行调用 。  
destroyed：改函数将在销毁实例后进行调用。

beforeUpdate：组件更新之前。  
updated：组件更新之后。