专栏名称: 俞其荣

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

相关文章推荐

印象笔记 · 如何一步步找到自己的优势？ · 4 小时前

学习曾国藩 · 聪明人烂在肚子里的3句话，糊涂人却逢人就说！ · 2 天前

学习曾国藩 · 曾国藩智慧：为人处世，要学会三不管！ · 3 天前

混沌学园 · 一文了解DeepSeek和OpenAI：企业 ... · 昨天

印象笔记 · 职场必看宝典：别被微压力和合作压垮｜大象赠书 · 2 天前

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>