Vue.js Taiwan 007 webinar by LINE TODAY UIT - Yu-Hsin Chen https://vuejs.kktix.cc/events/v-tw-meetup-007
前端⼤ hook 時代,從 Mixins 到Composition APILINE TODAY UITYu-Hsin Chen2020.06.24
View Slide
CompositionAPIUpgrade toVue3Hooks in Vue⼤綱
內容⼤綱Upgrade toVue3CompositionAPIUpgrade toVue3Hooks in Vue
Q. Vue3 能⽤到正式產品了嗎?A. 能,⼀定能!
Q. 推薦 Vue3 ⽤到正式產品了嗎?A.嗯….
Vue3 正式版本發布還沒滿⼀年…Source From :https://www.hk01.com/%E7%86%B1%E7%88%86%E8%A9%B1%E9%A1%8C/292267/%E7%B6%93%E5%85%B8%E9%87%91%E5%8F%A5-%E4%BB%96%E5%8F%AA%E6%98%AF%E5%80%8B%E5%AD%A9%E5%AD%90%E5%91%80-%E9%81%8E%E5%B9%B4%E7%84%A1%E9%99%90loop-%E5%8E%9F%E8%A3%9D%E5%8A%87%E5%A0%85%E6%90%9E%E7%AC%91
From https://www.jetbrains.com/lp/devecosystem-2020/java/
Fromhttps://juejin.cn/post/6962867528909799454
Vue 2.7Fromhttps://v3.vuejs.org/guide/introduction.html
FromhNps://v3.vuejs.org/guide/introducOon.html
Q. What is Vue 3?A. Composition APIand Other new features
@vue/composition-apiFromhttps://github.com/vuejs/composition-api
Hold on,Class Components Users
Ideal PathVue 2.xÞ Vue 2.7 (with @vue/composition-api)Þ Vue 3.x
Fromhttps://www.yuque.com/vueconf/mkwv0c/xqyxix
⼤綱CompositionAPIUpgrade toVue3Hooks in Vue
Fromhttps://www.yuque.com/vueconf/mkwv0c/sqffko
What need to solveMixinsReuse logicbetweencomponents. HOC
Solve a problem, but…- Namespace confliction- Unclear relationships- Extra component layers
Options API ComposiCon APIFrom https://medium.com/nerd-for-tech/vue-composition-api-a-first-glance-b90bb259ab9a
From https://www.zweitag.de/blog/vue-composition-api-introduction/Options API Composition API
⼤綱CompositionAPIUpgrade toVue3Hooks inVue
Options API Composition APIFromhNps://codesandbox.io/s/composiOon-api-simple-demo-forked-q47x7?file=/src/MoneyCounterComposiOon.vue
Recommend starting yourVue hooks journey Today
LINE TECH FRESHhttps://engineering.linecorp.com/zh-hant/blog/tech-fresh-2020/ 29
TECH FRESH 履歷投遞 06/15 ~ 07/14