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

看板Ajax作者 (夏天到了,冷不起來了說)時間7年前 (2017/07/08 14:25), 編輯推噓8(8015)
留言23則, 8人參與, 最新討論串1/4 (看更多)
最近在把一個用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

07/08 15:06, , 1F
Vue.js淺入深出
07/08 15:06, 1F

07/08 21:24, , 2F
加油,我最近也在摸Vue也是一直撞牆,有痛過才學的起來
07/08 21:24, 2F

07/08 23:23, , 4F
不會引入應該是你不會用webpack打包吧
07/08 23:23, 4F

07/08 23:25, , 5F
學習一下webpack的配置,引入vue-loader應該不難
07/08 23:25, 5F

07/08 23:26, , 6F
單純你不熟悉前端的工具而已,不是vue的問題
07/08 23:26, 6F

07/09 00:33, , 7F
同意樓上~
07/09 00:33, 7F

07/09 00:41, , 8F
老實說對webpack甚至autolad這一類輔助的東西有點排斥
07/09 00:41, 8F

07/09 00:42, , 9F
也許是從以前一直都用單純的環境以native code在開發
07/09 00:42, 9F

07/09 00:43, , 10F
加上案子多要在異地建置,所以覺得這一類需要前置作業的
07/09 00:43, 10F

07/09 00:44, , 11F
弄起來有點煩,複製新專案也不用再案裝一堆東西
07/09 00:44, 11F

07/09 00:46, , 12F
全端在寫中小型的案子,用到這樣總覺得是在折磨自己啊XD
07/09 00:46, 12F

07/09 01:09, , 13F
如果只是中小型案子,聽你的需求,可能繼續用 jQuery 就
07/09 01:09, 13F

07/09 01:09, , 14F
好。網站應用越複雜,尤其前端組件越多,vue這類的框架才
07/09 01:09, 14F

07/09 01:09, , 15F
能顯現出他的優勢
07/09 01:09, 15F

07/10 14:51, , 16F
如果是要做全端,我會建議前端用jQuery就好,不然其他現
07/10 14:51, 16F

07/10 14:51, , 17F
行流行的架構都會花你很多時間,可能到頭來兩邊都做不好
07/10 14:51, 17F

07/10 15:03, , 18F
感謝..這兩天研究發現這些純前端的JS,很多方式無法在
07/10 15:03, 18F

07/10 15:04, , 19F
舊式全端的環境下開發。
07/10 15:04, 19F

07/12 00:55, , 20F
我也是 原本以為只需要學Vue 結果越學越多
07/12 00:55, 20F

07/12 00:58, , 21F
本來只要用visual studio建置就能跑的網站
07/12 00:58, 21F

07/12 00:58, , 22F
用vue就要跑兩個server 想到還要弄個mock server就懶了
07/12 00:58, 22F

07/12 10:18, , 23F
當初從後端學前端,碰到React的時候我才想死... Orz
07/12 10:18, 23F
文章代碼(AID): #1PO7hEkB (Ajax)
文章代碼(AID): #1PO7hEkB (Ajax)