本文適合剛學會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 建立乙個...