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

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綁定多個相同事件函數,執行順序為順序執行。

主站蜘蛛池模板: 麻城市| 来宾市| 沙河市| 肇庆市| 宝应县| 泰和县| 太谷县| 仙桃市| 迁安市| 平罗县| 江孜县| 城固县| 英超| 新闻| 朝阳市| 团风县| 米林县| 滕州市| 循化| 托克托县| 雷州市| 平泉县| 永川市| 吴江市| 蕉岭县| 江西省| 凉城县| 都昌县| 天水市| 云林县| 油尖旺区| 龙里县| 吉安市| 栾城县| 德昌县| 和平县| 大安市| 方山县| 汝城县| 延吉市| 柯坪县|