vue 大致總結一

2021-09-29 21:02:50 字數 701 閱讀 7871

1.適合做前端分離的專案

2 angular指令優勢

3react元件優勢1簡單-入門容易

2中文文件齊全(後面vue官網)

3生態發達1.v-text

2.}3.v-html 可以解析html字串v-model1.v-bind:屬性名=「屬性值」(eg: v-bind:title=「msg」)(html 中標籤中 titile是乙個屬性)

2.:屬性名=「屬性值」(eg: :title=「msg」)1.v-on:事件名=「事件處理函式」(eg: v-on:click=「showmsg」)

2.事件處理函式methods:

3.如果響應函式帶括號預設不帶 $event 事件引數

4.如響應函式不帶括號缺省會帶$event 事件引數

5。如果帶括號($event)手動指定事件引數

6.事件繫結的簡寫 @click=「showmsg」.enter .esc@keyup 鍵盤彈起 @click單擊 @dblclick雙擊 @blur控制項失去焦點v-if=「表示式」當表示式為真的時候顯示,為假的時候隱藏v-show=「表示式」 v-show通過css方式隱藏v-if通過直接移除dom結構隱藏data:vue 資料存放中心

methods:{}vue 方法存放中心

computed:} 從現有資料計算出新的資料

watch 監聽資料

created() vue建立完畢

VUE學習總結(一)

1 簡介 vue.js簡單小巧 17kb 漸進式 不必一開始會所有內容,可階段性使用 2 mvvm model view viewmodel view與viewmodel之間雙向繫結,vue通過mvvm拆分檢視和資料 3 例項 4 生命週期 5 如果將使用者產生的內容使用v html輸出後,有可能導...

Vue學習總結(一)

2.插值語法 計算屬性 h1 div src js vue.js script newvue script 在script標籤中new乙個vue例項,其構造引數為乙個物件,物件中包含有options和每個option對應的資料,以上 中的el 例項對應的是此vue例項需要掛載的元素id,data 對...

vue學習總結(一)

html部分 插值表示式 存在閃爍問題,但不會覆蓋元素中原本的內容 v cloak 解決插值表示式閃爍的問題 v text 沒有閃爍問題且覆蓋元素中原本的內容,內容當作字串顯示 v html 沒有閃爍問題且覆蓋元素中原本的內容,內容當作html顯示 v bind vue提供的屬性繫結機制 縮寫是 v...