专栏名称: 俞其荣

向前跑迎着冷眼和嘲笑与 http://yuqirong.me 保持同步更新

相关文章推荐

电脑吧评测室 · 【装机帮扶站】第1240期：2000/350 ... · 13 小时前

知产观察家 · 以案说法 | ... · 22 小时前

IPRdaily · 胡翦｜著作权法、音乐学复合视角下的编曲独创性研究 · 2 天前

电脑吧评测室 · 【硬件资讯】华擎正面回应烧损问题，承认PBO ... · 3 天前

电脑吧评测室 · 骗补泛滥！聊聊被玩坏的电商整机“国补” · 3 天前

51好读 › 专栏 › 俞其荣

Vue.js模板方法

俞其荣 · 简书 · · 2017-12-21 21:19

正文

请到「今天看啥」查看全文

<img id="app" src="https://www.baidu.com/img/bd_logo1.png" v-if="visible"/>

<script>
new Vue({
    el: '#app',
    data: {
        visible: true
    }
})
</script>

v-else-if/v-else

用于判断条件

<div id="app">
    <div v-if="type === 'A'">
      A
    </div>
    <div v-else-if="type === 'B'">
      B
    </div>
    <div v-else-if="type === 'C'">
      C
    </div>
    <div v-else>
      Not A/B/C
    </div>
</div>
    
<script>
new Vue({
  el: '#app',
  type: 'C'
})
</script>