1、v-cloak 解决插值表达式的闪烁问题，后面不再需要
  <p v-cloak>{{ msg }}</p>  
  [v-cloak]{
    display: none;
  }

2、<p v-text='msg'></p>  // 渲染文本内容，会替换整个文本，所以一般使用插值表达式{{ msg }}

3、<p v-html="msg2"></p>  // 渲染html内容
   msg2: '
title 1
'  

4、v-bind:title='mytitle'     /绑定变量属性
   语法简写形式：v-bind:title -> :title='mytitle'

5、v-on:click='show'  /绑定事件
    需要定义methods
    methods:{
    show: function () {
    alert('hello world')
    }
    }
语法简写：v-on:click -> @click
其它： v-on:mouseover 

6. v-model,双向数据绑定(与表单结合,input,select,checkbox,textarea,form)：
  <input type="text" v-model="msg">
  msg: hello world,

7. v-for：
遍历数组：
  <p v-for='item in list'>{{item}}</p>
遍历对象：
  <p v-for= '(val, key) in user'>{{val}}—{{key}}</p>
遍历数字：
  <p v-for="count in 10">{{ count }}</p>

8. v-if ,v-show：
<p v-if='true'>显示出来</p>  //v-if每次会重新生成和删除元素
<p v-show='true'>显示出来</p> //v-show只是隐藏显示