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

[JYHuang (夏天到了，冷不起來了說)]

      最近在把一個用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反而是個比較好的工具嗎？

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.166.120.215
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1499495118.A.B8B.html
推 EPGo: Vue.js淺入深出
推 sky75217: 加油，我最近也在摸Vue也是一直撞牆，有痛過才學的起來
推 chatnoir: https://juejin.im/post/583d1fe00ce463006baca2fa
→ chatnoir: 不會引入應該是你不會用webpack打包吧
推 chatnoir: 學習一下webpack的配置，引入vue-loader應該不難
→ chatnoir: 單純你不熟悉前端的工具而已，不是vue的問題
推 IgnoreSwing: 同意樓上~
→ JYHuang: 老實說對webpack甚至autolad這一類輔助的東西有點排斥
→ JYHuang: 也許是從以前一直都用單純的環境以native code在開發
→ JYHuang: 加上案子多要在異地建置，所以覺得這一類需要前置作業的
→ JYHuang: 弄起來有點煩，複製新專案也不用再案裝一堆東西
→ JYHuang: 全端在寫中小型的案子，用到這樣總覺得是在折磨自己啊XD
→ freeccc: 如果只是中小型案子，聽你的需求，可能繼續用 jQuery 就
→ freeccc: 好。網站應用越複雜，尤其前端組件越多，vue這類的框架才
→ freeccc: 能顯現出他的優勢
推 chung928: 如果是要做全端，我會建議前端用jQuery就好，不然其他現
→ chung928: 行流行的架構都會花你很多時間，可能到頭來兩邊都做不好
→ JYHuang: 感謝..這兩天研究發現這些純前端的JS，很多方式無法在
→ JYHuang: 舊式全端的環境下開發。
推 vi000246: 我也是 原本以為只需要學Vue 結果越學越多
→ vi000246: 本來只要用visual studio建置就能跑的網站
→ vi000246: 用vue就要跑兩個server 想到還要弄個mock server就懶了
推 chatnoir: 當初從後端學前端，碰到React的時候我才想死... Orz