建立例項
new vue( 資料
methods:{} 函式方法
computed{} 計算屬性
生命週期/鉤子函式
beforecreate (){}, 建立前
created(){}, 建立後
beforemount(){}, 渲染前
mounted(){}, 渲染後
beforeupdate(){}, 更新前
updated(){}, 更新後
beforedestroy(){}, 銷毀前
destroyed (){} 銷毀後
v-for 迴圈
arr迴圈 in arr
json迴圈 in arr
v-text text文字 和innertext一樣
v-html html文字 和innerhtml一樣
v-if 判斷
v-else
v-else-if
v-model 雙向繫結
v-bind 屬性繫結
v-on 事件繫結
v-show 顯示/隱藏
vue ajax
get ajax方法
this.$http.get(url).then((data)=>,(data)=>)
偵聽屬性 :偵聽某一項資料的變化,this是vue例項,可以監控到計算屬性的變化
生命週期：偵聽所有的資料變化,this是vue例項
計算屬性：沒有呼叫不會觸發，this是vue例項
watch
可以和data重名
可以和methods重名
可以和computed重名
computed和methods(計算屬性和函式方法的區別)
computed 計算屬性
用來計算處理資料
和methods的區別是有快取
在輸出的時候 computed }
methods }
v-if和v-show區別
v-if 只會載入真的部分 有快取 消耗高
適合偶爾的顯示隱藏切換
v-show 都會載入 沒有快取 消耗相對低
適合頻繁的切換
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 建立乙個...
vue基礎知識點快覽
本文適合剛學會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等...