<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>

                >本節講解的內容對前面的章節具有依賴性,如果看起來有困難,請先看本系列前面的章節 ## 一、本節說明 前面的章節我們學習了如何向頁面html標簽進行插值操作,那么如果我們想動態改變html標簽的屬性,該怎么辦呢? 這就是我們這節開始要講的內容v-bind. ## 二、 怎么做 ![](https://img.kancloud.cn/f6/c7/f6c7782729ead0cadf195b7831f70f92_931x426.png) * “:”為v-bind的簡寫形式,也可稱為語法糖 ## 三、 效果 ![](https://img.kancloud.cn/49/f9/49f92d9418cbb6d65160cd114602b453_241x45.png) 網頁上點擊可以實現跳轉(這里是截圖,點擊無效) ## 四、 深入 * 在上圖中將a標簽的href屬性值設置為toutiao,VUE實例將自動去data里面尋找toutiao屬性進行值綁定。 * 不只是a標簽,所有的html標簽屬性都可以通過v-bind進行值綁定,然后通過改變數據動態改變它的屬性值。 ### 錯誤的寫法 * 注意一下:初學者容易犯錯,這樣寫是錯誤的,`v-bind:href="{{toutiao}}"`。 * 下面的寫法也無法正常的完成屬性值綁定操作,注意雙引號中間有一對單引號。 ``` <a v-bind:href="'toutiao'">今日頭條(v-bind:href)</a> ``` ![](https://img.kancloud.cn/53/5b/535b10cde09ae3a2860389feec3bd176_324x30.png) 加上單引號之后,并不會進行屬性值綁定,而是將字符串原樣渲染后綁定屬性上。
                  <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>

                              哎呀哎呀视频在线观看