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

                >本節講解的內容對前面的章節具有依賴性,如果看起來有困難,請先看本系列前面的章節 ## 一、本節說明 前面的章節我們學習了v-bind指定,可以通過模型數據去影響視圖。我們都知道VUE是支持雙向數據綁定的,那么視圖是如何影響數據的呢?那就要學到我們這一節的內容v-model。v-model可以將表單輸入綁定到對應的模型數據。 ## 二、 怎么做 我們通過v-model實現一個簡單的需求 * 通過表單input綁定模型數據message,表單數據變化data.message也發生變化 * 然后通過Mustache表達式,將變化之后的message數據顯示到視圖頁面上 ![](https://img.kancloud.cn/77/dd/77ddfcbc34c019b7fdb56e41d6193469_877x394.png) ## 三、 效果 ![](https://img.kancloud.cn/d1/d6/d1d69d473fc36acc704b8288d8b69050_442x88.gif) ## 四、 深入 v-model實際上是一個語法糖,也就是簡寫,他實際上包含了兩個操作: * v-bind綁定value屬性 * v-on監聽表單元素的輸入事件,并改變數據 所以,下面的兩種寫法實現的效果是一致的。 ![](https://img.kancloud.cn/32/a8/32a8fa0a73dc1150890de37bb2d0091a_684x122.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>

                              哎呀哎呀视频在线观看