我在今年初的時候從電商網站離職,目前公司是使用 Vue 開發內容管理系統(CMS)。
雖然之前都聽過別人說學 React 後再學 Vue 很簡單,而且 Vue3 也蠻像 React 的。
但是親身學習過後才知道,真的蠻簡單的(?)。
心得
事件綁定寫法不同,例如 Vue 使用
v-bind:click
,而 React 使用onClick
。組件傳值的寫法蠻容易搞混的,個人會覺得 React 傳值時用
{}
,比 Vue 傳值用:
清楚。不能用陣列
map
的方式去產生組件,而要改用v-for
。
Vue 就是要讓使用者始終在操作 HTML 元素,但是我一開始會困惑為什麼兩邊都可以渲染變數,而我想使用map
渲染變數卻不行。好用又危險的
v-model
,與蠻多人討論過我們該在哪時候使用v-model
。
目前聽過最極端案例是完全禁止使用v-model
,而我跟另一名友人的想法是認為可以適當應用。而關於怎樣才叫做適當應用,這我覺得就是軟體開發的最難以掌控的點了,所以也是能夠理解完全禁止的考量了。function
傳遞時該使用emit
還是props
。
React 可以把function
四處傳,而 Vue 提供了兩種傳遞途徑,我與友人討論過是覺得function
應該只用emit
傳遞。
總結
我目前這間公司剛進去,隔天就用 Vue3 開發元件了,然後一個禮拜內就正式進行開發文章編輯器。
所以我被迫快速掌握 Vue3,但也因此我能夠確切體認到,兩者的轉換真的不用花太多時間。
當然,一開始寫的程式蠻多都沒利用到 Vue 的優點,更多只是當 React 寫。