(一)vue2 0學習筆記

2021-09-10 06:38:15 字數 1207 閱讀 2443

官方api位址

引用 body標籤的閉合標籤上面

2.1.0 新增

用法

繫結事件***。事件型別由引數指定。表示式可以是乙個方法的名字或乙個內聯語句,如果沒有修飾符也可以省略。

用在普通元素上時,只能監聽原生 dom 事件。用在自定義元素元件上時,也可以監聽子元件觸發的自定義事件

在監聽原生 dom 事件時,方法以事件為唯一的引數。如果使用內聯語句,語句可以訪問乙個$event屬性:v-on:click="handle('ok', $event)"

2.4.0開始,v-on同樣支援不帶引數繫結乙個事件/***鍵值對的物件。注意當使用物件語法時,是不支援任何修飾器的。

示例

在子元件上監聽自定義事件 (當子元件觸發「my-event」時將呼叫事件處理器):

用法

動態地繫結乙個或多個特性,或乙個元件 prop 到表示式。

在繫結 prop 時,prop 必須在子元件中宣告。可以用修飾符指定不同的繫結型別。

沒有引數時,可以繫結到乙個包含鍵值對的物件。注意此時classstyle繫結不支援陣列和物件。

示例

.camel修飾符允許在使用 dom 模板時將v-bind屬性名稱駝峰化,例如 svg 的viewbox屬性:

在使用字串模板或通過vue-loader/vueify編譯時,無需使用.camel

修飾符

用法

在表單控制項或者元件上建立雙向繫結。細節請看下面的教程鏈結。

vue2 0學習記錄

1 在main.js可註冊全域性元件,vue.components 元件名稱 元件名 import 元件名 from components 元件檔案 3 元件的標籤名不可與系統的html標籤重複 4 父元件向子元件傳值 父元件有乙個陣列 users 在父元件模板中的子元件標籤中接收 users us...

Vue2 0學習之路

一 基礎 1.vue2.0學習記錄 hello world 2.vue2.0學習記錄 todo list初步 3.vue2.0學習記錄 mvvm模式 4.vue2.0學習記錄 全域性元件 5.vue2.0學習記錄 區域性元件 6.vue2.0學習記錄 父子元件傳值 7.vue2.0學習記錄 生命週期...

VUE2 0學習總結

摘要 年後公司專案開始上vue2.0,自己對學習進行了總結,希望對大家有幫助!vue2.0學習 vue融合了react和angular的優點,並且解決了react和angualr的痛點 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模...