vue 實例
- 一個Vue應用由一個通過 new Vue 創建的根Vue實例,以及可選的、可嵌套的、可復用的組件樹組成。
- 響應式系統 data
- 生命周期
創建、掛載、更新、摧毀。
模版語法
- {{ 表達式 }}
模板表達式都被放在沙盒中,只能訪問全局變量的一個白名單,如 Math 和 Date 。你不應該在模板表達式中試圖訪問用戶定義的全局變量。 - v-html
- v-bind :
響應式的更新 HTML的屬性 - v-on @
修飾符
計算屬性,方法,監聽器
- computed
基于依賴進行緩存,自動計算。依賴改變才會重新計算 - method
需要自行調用 - watch
允許執行異步操作
class與style的綁定
:class 綁定一個對象或者數組動態切換class
:style
v-if v-for
Vue 會盡可能的復用
v-for比v-if優先級高
key值阻止復用
v-for = "(value,index) in arry"
v-for = "(value,key,index) in obj"
事件
@ v-on
可以綁定方法和調用方法和表達式事件修飾符
.stop .prevent .capture .self .once按鍵修飾符
v-model 表單綁定
- v-model 會忽略表單特性值而將vue實例的數據作為數據來源。
- 修飾符