持續學習，那就先沖吧！把快樂留到以后，
重新系統的拾起vue又會有什么識訓呢？
vue開始是一個興趣專案
vue的特點：更加輕，漸進式，資料改變視圖改變
基礎篇
指令
{{}}只支持運算式，但可以做資料的拼裝
v-bind （：）加的是動態的變數
v-if 不渲染 v-show 渲染然后隱藏
組件
props：{
del：{
type：Boolean, 接收的是個布林值 不是的話控制臺報錯
default:false,默認的是false
}
}
事件
v-on（@click=“方法名”）
@keyup.enter=“方法名” 回車對應的事件
插槽
自行渲染插槽里的內容
被使用的組件 <slot name="pre"></slot> 可以有默認值
呼叫的地方<template v-slot=pre></template >
單檔案組件
（es6 可以看阮一峰的es6入門）
css <style scoped></style> 不會污染其他的組件
雙向系結
v-model 語法糖（一種簡寫） 還是單項資料值
input ：value+@input
父組件可以使用 ：title，sync=“a” 在子組件里
子組件更新之后使用 this.$emitd('update:title',newTitle)
虛擬dom和key
一個老dom樹 一個新dom樹 相同層級的對比 盡可能減少更改
在使用v-for的時候需要系結一個key值 ：key=“”
觸發組件的更新
在實體化的時候對data里的getter和setter進行操作
如果資料在視圖里用到了才會有watch
計算屬性和監聽器
computed 一些資料需要進行一定的操作再使用
能用computed盡量用 不用watch
生命周期
創建階段
beforeCreate，，，，
mounted 做異步的請求，操作dom，定時器，
（this.$nexttick?）
beforeDestory 移除已添加監聽器 以防記憶體泄漏
函陣列件
vue指令
v-if v-for 等等 類似if for等等
Provide和inject
實作組建的冒泡
組件實體
ref this，ref，xxx 操作一個dom的元素
多層級的ref setXXXref getXXXref
vuex
一個資料在多個組件中使用
actions（dispatch('a')）向后端發起一個異步操作，不能在mutations(commit('a'))里操作
getter(getters.a)是一個計算屬性
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/286559.html
標籤：其他