Vue知識點總結

2021-09-29 18:51:07 字數 969 閱讀 1767

近期幾天學習了vue,所以在這裡把零碎的知識點稍微總結一下

一.vue開發步驟:

1.匯入vue.js檔案

2.編寫html**

3.建立vue示例,傳入乙個json物件.

二.vuejs特點:(angular特點)

基於mvvm,資料繫結,依賴注入

三.此json物件的屬性:

el:」選擇器」//表示vue的控制範圍

data:// 可以是變數,陣列,或其他任何資料

methods:// 表示vue例項的方法

四.vuejs常用指令:

1.v-model:定義資料層。類似angular中的ng-model

2.v-for:迴圈。可以迴圈陣列,還可以迴圈物件。類似angular中的ng-repeat

迴圈陣列:v-for=x in a

v-for=(val,index) in a

迴圈物件:v-for=x in a

v-for=(val,key) in a

v-for=(val,key,index) in a

3.v-show:顯示

4.v-on:click=cang() , 簡寫為@click=cang()類似angular中的ng-click

5.v-if:判斷。可以用於顯示和隱藏

6.v-html:用於顯示資料,對應innerhtml屬性

7.v-bind:是用於繫結指定的標籤屬性,簡寫為「:屬性」

vue中的過濾器:

1.vue中的過濾器不能替代vue中的methods、computed或者watch,過濾器不改變真正的data,而只是改變渲染的結果,並返回過濾後的版本

2.作用:格式化資料

3.定義過濾器:

filters: // 此時的a表示呼叫過濾器時的資料

}4. 呼叫過濾器:} 過濾器只能在}中呼叫

5.常用的過濾器:rmb符號

Vue 知識點總結

1.mvvm?對比mvc mvvm model view viewmodel model 資料模型,可以定義資料修改和操作的業務邏輯 view ui元件,將資料元件轉換成ui展示 viewmodel 同步view和model的物件 view和model沒有直接的聯絡,通過viewmodel進行互動,...

Vue知識點總結

框架與庫的區別 jquery庫 dom操作 http請求 全家桶 如何起步 插值表示式 常用指令 全域性元件 場景 公共性功能元件,減少冗餘 全域性api vue.component 元件名 元件物件 過濾器 給資料的顯示進行操作,如反轉,改變屬性等 filter 全域性過濾器,vue.filter...

vue知識點總結

1 vue特點 資料雙向繫結和元件化 2 說一下vue的資料雙向繫結的原理 v model v model 是語法糖,包含兩個指令 v bind v on。用於資料雙向繫結,一般用於輸入框,他監聽著input事件,他繫結了value的屬性。注 具體回覆vue實現資料雙向繫結主要是 採用資料劫持結合發...