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

                >本節講解的內容對前面的章節具有依賴性,如果看起來有困難,請先看本系列前面的章節 ## 一、本節說明 上一節我們通過點擊事件監聽,實現了計數器的加一和減一的操作。那么如果我們想更靈活一點,實現加n和減n的操作,我們就需要給自定義的函數傳參數了。我們這一節就來講講,如何給methods里面定義的函數傳參。 ## 二、 怎么做 ![](https://img.kancloud.cn/30/8d/308d210fe878682a05a116c993b42787_762x587.png) * 我們定義了數據step,默認值為2,作為參數傳遞給incr和decr方法 * incr和decr方法接受參數,并分別做加n和減n的操作 * 如果我們想動態的實現加n,減n,就設置`app.step = n` 就可以了 ## 三、 效果 ![](https://img.kancloud.cn/aa/f4/aaf490564249a8e249aefdb4c1c65d0f_264x104.gif) * 每點擊一次加號,counter加2;每點擊一次減號,counter減2 ## 四、 深入 vue會默認給我們給我們一個參數event,這個參數的使用方法如下: ``` <button v-on:click="decr(step,$event)">-</button> ``` 將event參數放在參數列表的的最后位置。注意:函數沒有自定義參數也可以接收event參數。 ``` decr(n,event){ this.counter = this.counter - n console.log(event) } ``` 我們將event參數打印出來,結果如下: * MouseEvent表示一個鼠標的產生的事件 * 下圖中可以看出,我們通過事件可以獲取,事件產生的屏幕坐標、是否冒泡、事件類型click等信息 ![](https://img.kancloud.cn/0e/c6/0ec62114ec048bd088624e8b2e824c55_686x621.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>

                              哎呀哎呀视频在线观看