Vue入門筆記（二）--基礎部分之條件渲染

github地址：https://github.com/iTao9354/basicVue/tree/master/conditional%20rendering（demo01-03）

1、v-if & v-else-if & v-else

　　1．見下例：

 　　　　

　　　　其中v-else必須緊跟在v-if或v-else-if後面。

　　　　注意：v-else-if是2.1.0新增。

　　2. 用屬性key管理不須要複用的元素

        　　 當兩個元素是徹底獨立時，就不須要複用，此時只需添加一個具備惟一值的key屬性便可。

 　　　　

2、v-show

         v-show只能簡單地切換元素的css屬性display，既不支持<template>語法，也不支持v-else。

          

         在控制元素是否顯示時，與v-if的區別：

         v-if的元素在條件爲假時不會保留在DOM中，而v-show的元素在條件爲假時始終會被渲染並保留在DOM中，只是display屬性爲none。

3、v-if vs v-show

 　　

4、v-if & v-for

         詳見列表渲染。