[閒聊] 改寫VueJS摸索的心煩氣燥又有點心恢意冷 = =;

作者: JYHuang (夏天到了,冷不起來了說)   2017-07-08 14:25:16
最近在把一個用CI+JQuery寫的案子重新翻成Laravel+VueJS
其本上是一邊改一邊學一邊測試
Laravel這邊倒是還有持續的有進度,
VueJS這邊越改覺得無所適從啊~
   以往的做法都是在前端先用JQuery寫好規則和流程
後端照著規則把參數和資料寫在html的屬性,JQuery就依資料去跑
  像這樣 <a class="JsLoadData" data-id="10" data-url="/ajax/">Click</a>
以全端的方式在寫一個系統。
VueJS在資料的變動跟DOM的行為上是滿方便的
差別是要從前端主動去寫條件,一開始前端要寫的東西會變很多
觀念,用法都要重新摸索。
這兩天為了要把一個原本純後端輸出的Grid 改成VueJS去render的用法
在摸索components和template如何用在這方式
一直在解問題碰到新的問題再解問題碰到新的問題
從怎麼用component怎麼用parent元件的data
接著inline-template跟.vue template要放在那 怎麼呼叫
整個browser上都是google問題二三十頁的分頁。
挖了一堆文都在說vue怎麼定義,沒幾篇說.vue要怎麼引入
不管是用import還是require都不行。
最後看到還要再另外裝套件時,
想到接下來還有一堆要克服的技術..
心煩氣的覺得想放棄再摸VueJs..
不如回頭繼續用JQuery的老做法。
雖然是自己造輪子,但總是自己熟悉且上手的工具和流程~
不用一直翻文章說這個輪子的那個零件要用什麼工具鎖
要怎麼把胎皮塞進輪框...blabla
原本自信滿滿的想說VueJS應該不會太難學,但是一到了中階技巧
很多不是只翻翻官方文件就能想出來的,當又要使用其它套件時
總覺複雜性就變的又更高了。
雖然案子沒有太大時間壓力,不過就怕光是在VueJS那秏掉大半的時間
對full stack來說,JQuery反而是個比較好的工具嗎?
作者: EPGo   2017-07-08 15:06:00
Vue.js淺入深出
作者: sky75217 (瑞比特)   2017-07-08 21:24:00
加油,我最近也在摸Vue也是一直撞牆,有痛過才學的起來
作者: chatnoir (對不起)   2017-07-08 23:22:00
https://juejin.im/post/583d1fe00ce463006baca2fa不會引入應該是你不會用webpack打包吧學習一下webpack的配置,引入vue-loader應該不難單純你不熟悉前端的工具而已,不是vue的問題
作者: IgnoreSwing (舫穗)   2017-07-09 00:33:00
同意樓上~
作者: JYHuang (夏天到了,冷不起來了說)   2017-07-09 00:41:00
老實說對webpack甚至autolad這一類輔助的東西有點排斥也許是從以前一直都用單純的環境以native code在開發加上案子多要在異地建置,所以覺得這一類需要前置作業的弄起來有點煩,複製新專案也不用再案裝一堆東西全端在寫中小型的案子,用到這樣總覺得是在折磨自己啊XD
作者: freeccc (自由的ccc)   2017-07-09 01:09:00
如果只是中小型案子,聽你的需求,可能繼續用 jQuery 就好。網站應用越複雜,尤其前端組件越多,vue這類的框架才能顯現出他的優勢
作者: chung928 (chung928)   2017-07-10 14:51:00
如果是要做全端,我會建議前端用jQuery就好,不然其他現行流行的架構都會花你很多時間,可能到頭來兩邊都做不好
作者: JYHuang (夏天到了,冷不起來了說)   2017-07-10 15:03:00
感謝..這兩天研究發現這些純前端的JS,很多方式無法在舊式全端的環境下開發。
作者: vi000246 (Vi)   2017-07-12 00:55:00
我也是 原本以為只需要學Vue 結果越學越多本來只要用visual studio建置就能跑的網站用vue就要跑兩個server 想到還要弄個mock server就懶了
作者: chatnoir (對不起)   2017-07-12 10:18:00
當初從後端學前端,碰到React的時候我才想死... Orz

Links booklink

Contact Us: admin [ a t ] ucptt.com