各位前辈好 目前在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

看官网的教学就可以学的很好了