官术网_书友最值得收藏!

5.2.1 方法及內聯處理器

通過v-on綁定實例選項屬性methods中的方法作為事件的處理器,v-on:后的參數接收所有的原生事件名稱。

提示:判斷是否為內聯處理器,其實很好區分,一個有括號,一個沒括號。沒括號的就是函數名;有括號的實際是一條JS語句,稱為內聯處理器。

運行效果如圖5-9所示。

圖5-9 內聯語句運行效果圖(一)

提示:v-on的縮寫形式為@,例如,@click="sayHello"。v-on支持內聯JavaScript語句,但僅限是一條語句的情況。

運行效果如圖5-10所示。

圖5-10 內聯語句運行效果圖(二)

提示:直接綁定methods函數和內聯JavaScript,都有可能需要獲取原生DOM事件對象。單擊圖5-10中的SayHello按鈕將彈出一個對話框,這就是綁定了一個單擊事件監聽,但調用的是另一個內置處理器方法sayFrom。

運行效果如圖5-11所示。

圖5-11 內聯語句多事件運行效果圖

提示:同一個元素上可以通過v-on綁定多個相同事件函數,執行順序為順序執行。

主站蜘蛛池模板: 腾冲县| 高邑县| 哈巴河县| 喀喇| 禄丰县| 无锡市| 绿春县| 东宁县| 苍溪县| 孝义市| 西林县| 克什克腾旗| 昌都县| 漠河县| 西林县| 来宾市| 同德县| 孟连| 云霄县| 麟游县| 景东| 调兵山市| 大埔县| 汉寿县| 易门县| 那坡县| 洞口县| 襄樊市| 汉寿县| 房山区| 红桥区| 韩城市| 滦平县| 永吉县| 班戈县| 睢宁县| 玛纳斯县| 湟源县| 崇州市| 丰宁| 嘉义县|