主張少,沒有強制性須要學習掌握的內容規則css
核心思想兩個 數據驅動 組件系統vue
if節點不渲染 show節點渲染可是不展現display 經常應用於隱藏域 好比一些值能夠綁定上去 以便查找vue-cli
.trim .stop .esc .preventnpm
能夠json
vue key值做用 標記過得節點能夠複用,不須要從新生成新的節點能夠很好的提高性能api
升級vue vue-cli 手段package.json 裏面修改vue的版本 同時修改 vue-template-compiler 爲相同的版本.後者在devdepen....裏面.而後npm install數組
$ event緩存
nextTick 是在下次 DOM 更新循環結束以後執行延遲迴調,在修改數據以後使用 $nextTick,則能夠在回調中獲取更新後的 DOM。獲取更新後的dom框架
每一個組件實例都有本身的做用域,每一個實例相互獨立,不會相互影響dom
v-for 與 v-if 的優先級 v-for 因此v-if包在v-for外圍比較好
this.$emit(‘name’,‘參數’)
緩存組件狀態
開放屬性和方法api 定義可擴展的屬性api 和默認的插槽以及可替換的插槽
生命週期是從建立到銷燬的過程 鉤子函數是這個過程當中經歷的階段
beforeCreate-created-beforeMount-mounted-beforeUpdate-Updated-beforeDestroy-destroyed
vue監聽鍵盤事件
有經常使用的keycode 直接使用keyup.esc 都存在keyup對象裏
set方法
set方法 或者用拷貝 核心思想就是深考
[v-cloak] { display: none; } css裏添加
綁定class根據數據的標識狀態選擇添加class和不選擇狀態的切換
主要用於雙向綁定的input,select,textarea,component
過濾器根據需求本身頂一個函數就ok了裏面是過濾的規則
開發快,不少屬性能夠定義全局,例如公共彈窗只須要在全局定義好,任何api都會觸發狀態
計算屬性是一種依賴緩存
使用props 屬性 在子組件接收在父組件定義屬性
.env.development
.env.production
監聽禁止默認事件 e.preventDefault()
使用方法的話可能每次你都要初始化或者從新調用它,而計算屬性是一種依賴緩存
指令的話根據本身須要自定義吧