各位前輩好 目前在Vue的學習上面遇到了一些問題 想向各位請教
目前因為工作上的需求 使用了Vue 也自學了Vue
現在遇到一個問題是 目前公司的專案
是利用一般網頁的寫法在製作的 而不是透過template模板的方式
在前端html的部分利用Vue來處理 例如： v-model v-bind......
下方的js部分 是使用這類的方式製作
https://imgur.com/a/MO8GE2C
透過API送到C#的ApiController去使用
因為我都是自己自學而成的 可能很多觀念都建立的不夠熟悉
所以公司要求我們再看個幾本書籍
但公司裡面有的書籍內容都是使用Vue-cli的教學方式 webpack的打包方式
建立出來的範例檔案 都是類似這樣的
https://imgur.com/a/2oX6FwV
這樣的專案方式 看的非常的吃力 也非常的不熟悉 完全是不同寫法
我想要詢問說 外面的公司 在Vue的使用方式是上者較多還是下者
那有沒有比較推薦類似上者用法的書本或者是線上課程
有沒有什麼知識 或者是什麼功能 是好用的 是必備需要會的 (上者)
假設未來會有想換公司的想法 有沒有什麼是需要補足的(如果只單純會上者的話)
不確定這樣的表達方式是否清楚 在這邊與各位請教
在這邊感謝各位分享與解答了 謝謝各位的幫忙

個人經驗是new Vue這種通常是現有專案再導入Vue.js，或是網頁上只有一部分要用Vue做。整個用Vue的新專案就會用vue-cli不過兩者在view的部分都一樣啊? 只差在template放在哪而已沒另外寫就是拿el的html當template而已https://i.imgur.com/HRrytmL.pnghttps://i.imgur.com/AixOzUY.pngvue-cli就只是用webpack組裝起來，架構是一樣的，我是覺得沒有分到只會一種你覺得不一樣的其實是node.js生態系的東西，不是Vue的部分

我之前也一直搞不懂，上次寫了一遍Nuxt就感覺比較懂了XD

因為webpack/vue-cli會用main.js當進入點，將所有用到的.js.vue打包起來，然後在index.html中插入script連結沒打包前這些原始檔用瀏覽器開是沒東西的而index2.html這種是可以直接在瀏覽器開的普通html+jsnode.js生態是指這種模組化的專案結構和用到的工具

就我所知一般要求前端框架技術的公司大多是後者，如此才會真正達成前後端分離的目的

我公司就是兩種都有，舊專案為了效能把 jQuery 改 Vue就會使用 new Vue 把原本的 template 塞進 Vue 跑兩種都有在用，即使是新專案有些規模不大的也不會打包還很多直接 cdn 引入 Vue Vue-router Vuex 的兩者只是進入點不同而已，功能是一樣的，沒啥差別

功能略有差別，只是不一定會用到，像.vue可以用scoped css

看官網的教學就可以學的很好了