認知
現(xiàn)代JS框架存在的根本原因是保持UI與狀態(tài)同步
核心思想
數(shù)據(jù)驅(qū)動 DOM
核心功能
數(shù)據(jù)雙向綁定
組件(Component)
核心概念
異步更新隊列
散落的筆跡
- el: el用于指定一個頁面中已存在的DOM元素來掛載Vue實例炸庞。
- beforeDestroy生命周期:實例銷毀之前調(diào)用醉锄。主要解綁一些使用addEventListener 監(jiān)聽事件等
- 時間定時器
const timer = setInterval(function(){
that.date = new Date();
}, 1000)
clearInterval(timer)
- filter: Vue的過濾器
- v-text&v-html
- v-html: ==如果將用戶產(chǎn)生的內(nèi)容使用 v-html 輸出后,有可能導師XSS攻擊篮条,所以要在服務端對用戶提交的內(nèi)容進行處理刊愚,一般可將尖括號“<>”轉(zhuǎn)義==
- v-pre:
<span v-pre>{{ 這里的內(nèi)容不會被編譯 }}</span>
- vue.js只支持單個表達式,不支持語句和流控制踩验。
- v-bind & v-on :語法糖分別是“:”&"@"
- 語法糖:語法糖是指在不影響功能的情況下鸥诽,添加某種方法實現(xiàn)同樣的效果,從而方便程序開發(fā)箕憾。
- Vue 在檢測到數(shù)組變化時牡借,并不是直接重新渲染整個列表,而是最大化地復用 DOM 元素袭异。替換的數(shù)組中钠龙,含有相同元素的項不會被重新渲染,因此可以大膽地使用新數(shù)組來替換舊數(shù)組御铃。
- 當 ViewModal 銷毀時碴里,所有的事件處理器都會自動刪除,無須自己處理上真。
- '$event' 代表原生的 DOM 事件