react開發兩年,轉戰新公司vue開發,由於是老司機,換技術棧也沒啥難度,純屬記錄由react到vue的過程。
準備:安裝webpack,webpack-cli,node,@vue/cli(安裝的時候選擇router+vuex),直接全家桶吧!vue
只說一些不習慣的地方,沒有好壞之說。node
- vue的component中data是一個函數,data應該就至關於state,react中component的state是一個object。這裏就有點奇怪了,看了官方的解釋,假設<ComponentA />有三個,能夠保證三個ComponentA的獨立性。多是<ComponentA />實例化的實現不一樣吧。React實例化,會相似在constructor裏面初始化state,state = {...}也就是說每一個實例都是一個新的賦值。暫時不清除VUE底層是怎麼實現的。
- 綁定屬性的時候,不能直接title={{xxx}},而須要:title="xxx",這個應該是解析模板定的規則吧,解析應該都是正則匹配的。
- 雙向綁定VS單項數據流,細節就不必多少了,一查一大堆。
- 表單雙向綁定。不知道是否是經驗不足,感受VUE的表單校驗不是很優雅,若是用了雙向綁定,那麼校驗的時機就很差控制,好比我想要一個input只輸入數字,非數字不讓輸入,若是走雙向綁定,校驗出錯應該設定會原值,難道還須要保存上一次的值? 亦或者走replace替換,可是感受不優雅。
- 寫模板,JSX和指令的差異,好比for循環,須要時間適應。
6 事件機制,react是事件委託,全部事件都綁定在document上,可是vue好像不是,是真實綁定在你寫事件的元素上面。react