常用命令（懒得去查API了）

 <input type="text" v-model="a">
    <p>// if 后边为真渲染  v-else必须跟着v-if后边</p>
    <p v-if="a > 10">{{a}}</p>
    <p v-else="a < 10">{{a}}阿萨德</p>
    <p> // show 后边为真渲染</p>
    <div v-show="a > 10">{{a}}</div>
    <!--v-bind  这个指令用于响应地更新 HTML 特性，比如绑定某个class元素或元素的style样式。-->
    <li v-bind:class="a > 10 ? 'b' : ''"></li>
    <!--  v-on 和@click效果一样 -->
    <p @click="asd">快来点击我</p>
    <p v-on:click="asd">快来点击我</p>