vue基礎知識點快覽

2021-10-19 05:17:24 字數 1598 閱讀 4465

本文適合剛學會vue的初學者回憶知識點,小白可能有點不適。

一 、基礎指令:

v-text,v-html,v-show,v-if,v-else,v-for  (item,index) in items    }

v-on (click),v-bind,v-model(表單),v-pre,v-cloak,v-once,v-on等效於@符號

二、vue的生命週期
beforecreate(),created(),beforemount(),mounted(),beforeupdate(),uptaded(),beforedestroy(),destroy()

更改data中值,用vue.set

三 、vue元件註冊

腳手架模式引入元件

全域性引入

1、在main.js中引入元件

import users from './component/users'
2、在main.js中註冊元件

vue.component('users',users)
區域性引入

1、區域性引入元件

import users from './component/users'
2、區域性註冊元件

components:
3、引用元件

cdn模式引入

1、首先引入js

2、html頁面

go to foo

go to bar

3、js頁面

router:new vuerouter(},}]

})})

父元件向子元件傳值,用props

父元件:

子元件:props:[『toshow』]

子元件向父元件傳值用$emit

this.$emit(『父元件中繫結的方法』,引數1,引數2……)

知識點:

methods和computed的區別

compute會基於響應資料快取,methods不快取。當data中有變化的時候,computed才會執行,methods則會隨著方法執行多次。

偵聽器:

watch:

示例:比如監聽輸入框中輸入的內容,並傳送

v-model繫結資料edittext

new vue(,

watch:

} })

過濾器:
}

filters:

}

item作為引數傳入過function1中,function1的返回結果傳入function2中,返回結果做渲染。

function1的第乙個引數為item,第二個引數args1,第三個引數args2

路由:

vue 基礎知識點

建立例項 new vue 資料 methods 函式方法 computed 計算屬性 生命週期 鉤子函式 beforecreate 建立前 created 建立後 beforemount 渲染前 mounted 渲染後 beforeupdate 更新前 updated 更新後 beforedestr...

vue 基礎知識點

1.指令 v html 會覆蓋內部內容 會有xss攻擊 不要用在使用者提交的時候 aaaa aaaa被覆蓋掉 v if v else 進行邏輯判斷 使用者不頻繁更改 v show 渲染成 display none 使用者頻繁更改 v if 和v for 不同時使用 v for 比v if 優先順序高...

vue 的基礎知識點

一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。前提 安裝了node 環境 npm 全域性安裝 vue cli npm install global vue cli 建立乙個...