<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ### v-if 可以搭配v-else ``` <h1 v-if="awesome">Vue is awesome!</h1> <h1 v-else>Oh no ??</h1> ``` #### 在<template>上使用v-if條件渲染分組 v-if 如何切換多個元素呢? <template>當做不可見的包裹元素,最終渲染不包括: ``` <template v-if="ok"> <h1>Title</h1> <p>Paragraph 1</p> <p>Paragraph 2</p> </template> ``` #### v-else ``` <div v-if="Math.random() > 0.5"> Now you see me </div> <div v-else> Now you don't </div> ``` v-else元素必須緊跟在v-if 或者 v-else-if 的元素的后面,否則它將不會被識別。 #### v-else-if 2.1.0 新增,充當 v-if的 else-if塊, 可以連續使用 ``` <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> ``` 類似于 v-else,v-else-if 也必須緊跟在帶 v-if 或者 v-else-if 的元素之后。 #### 用key管理可復用的元素 ``` <template v-if="loginType === 'username'"> <label>Username</label> <input placeholder="Enter your username" key="username-input"> </template> <template v-else> <label>Email</label> <input placeholder="Enter your email address" key="email-input"> </template> ``` 不過不加key, 切換時輸入框不會重新渲染/ ### v-show 根據條件展示元素 ``` <h1 v-show="ok">Hello!</h1> ``` 帶有v-show的元素始終會被渲染并保留在DOM中,v-show只是簡單切換元素的CSS屬性display。 注意,v-show 不支持 <template> 元素,也不支持 v-else。 #### v-show vs v-if v-if 真正的條件渲染,切換過程中條件內的事件監聽器和子組件適當第被銷毀和重建。一般來說: v-if有更高的切換開銷,v-show有更高的初始渲染開銷。如果要非常頻繁地切換,使用v-show較好,如果運行條件很少改變,則使用v-if。 ### v-if 與 v-for 不推薦一起使用 同時使用時,v-for 具有比v-if更高的優先級
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看