<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>
网友评论