作者aa12783509 (没了重心)
看板Web_Design
标题[问题] Vue的学习与使用方式请教
时间Mon Oct 19 08:25:10 2020
各位前辈好 目前在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的使用方式是上者较多还是下者
那有没有比较推荐类似上者用法的书本或者是线上课程
有没有什麽知识 或者是什麽功能 是好用的 是必备需要会的 (上者)
假设未来会有想换公司的想法 有没有什麽是需要补足的(如果只单纯会上者的话)
不确定这样的表达方式是否清楚 在这边与各位请教
在这边感谢各位分享与解答了 谢谢各位的帮忙
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.173.153.155 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1603067112.A.AAE.html
1F：→ ssccg: 个人经验是new Vue这种通常是现有专案再导入Vue.js，或是网 10/19 09:32
2F：→ ssccg: 页上只有一部分要用Vue做。整个用Vue的新专案就会用vue-cli 10/19 09:33
了解了 明白!! 那这样有可能是因为公司的现有专案
在html的部分 想要导入Vue的用法 所以直接用new Vue的做法去做就好了~~~
那我想问一下 其他外面的公司 有提到如果是有使用Vue此技能的公司
大部分 都是使用上者还是下者多呀????
※ 编辑: aa12783509 (61.221.174.36 台湾), 10/19/2020 09:38:20
3F：→ ssccg: 不过两者在view的部分都一样啊? 只差在template放在哪而已 10/19 09:37
4F：→ ssccg: 没另外写就是拿el的html当template而已 10/19 09:41
不好意思 有点对於你上面这两句话不太懂 想问一下有什麽范例 可以举例吗?
※ 编辑: aa12783509 (61.221.174.36 台湾), 10/19/2020 09:42:37
7F：→ ssccg: vue-cli就只是用webpack组装起来，架构是一样的，我是觉得 10/19 11:02
8F：→ ssccg: 没有分到只会一种 10/19 11:05
9F：→ ssccg: 你觉得不一样的其实是node.js生态系的东西，不是Vue的部分 10/19 11:13
依照你这两张图片来看 看起来是很相似的
可能真的只是单纯写法不同 让我视觉上看起来是两种不同的东西
我这边比较了解的 是第一张图这样
实际工作上面 可能连template的部分也很少有用到
就是直接使用原生的html标签
搭配new Vue来绑定一些资料或者是function的部分
不过Vue-cli他的档案关联的部分 有点混乱就是了QQ
所以第二张图是指node.js生态的东西吗?
这边顺带想问一下 她明明外层有一个index.html
但是我看他里面没有挂其他的js档案 为什麽他会是直接吃main.js的档案?
※ 编辑: aa12783509 (61.221.174.36 台湾), 10/19/2020 14:27:00
10F：→ oToToT: 我之前也一直搞不懂，上次写了一遍Nuxt就感觉比较懂了XD 10/19 14:38
这个好像之前有看过Nuxt好像也是从Vue变来的样子!!??
11F：→ ssccg: 因为webpack/vue-cli会用main.js当进入点，将所有用到的.js 10/19 15:22
12F：→ ssccg: .vue打包起来，然後在index.html中插入script连结 10/19 15:23
13F：→ ssccg: 没打包前这些原始档用浏览器开是没东西的 10/19 15:24
14F：→ ssccg: 而index2.html这种是可以直接在浏览器开的普通html+js 10/19 15:28
15F：→ ssccg: node.js生态是指这种模组化的专案结构和用到的工具 10/19 15:46
你这样一讲 至少可以知道原因了!!!
我有操做到 去做build的时候 他打包出来就是一个index的页面而已
跟CSS以及javascript的档案(印象中 如果没记错的话)
那这样的话 外面一般的公司 会有人用new Vue的做法做吗?
还是通常做专案 都是要用後者的方式呢!!?
※ 编辑: aa12783509 (61.221.174.36 台湾), 10/19/2020 16:04:01
16F：推 sylviami: 就我所知一般要求前端框架技术的公司大多是後者，如此才 10/20 01:52
17F：→ sylviami: 会真正达成前後端分离的目的 10/20 01:52
OK 了解了 谢谢您的 回答~~~
那我想问一下 这样的话 在後者的使用上 有没有什麽部分是需要知道的
因为我怕我是自学 知道的东西很片面 不是很完整的QQ
想找时间补足!!!!
※ 编辑: aa12783509 (61.221.174.36 台湾), 10/20/2020 16:07:42
18F：推 shter: 我公司就是两种都有，旧专案为了效能把 jQuery 改 Vue 10/20 23:20
19F：→ shter: 就会使用 new Vue 把原本的 template 塞进 Vue 跑 10/20 23:21
20F：→ shter: 两种都有在用，即使是新专案有些规模不大的也不会打包 10/20 23:21
21F：→ shter: 还很多直接 cdn 引入 Vue Vue-router Vuex 的 10/20 23:21
22F：→ shter: 两者只是进入点不同而已，功能是一样的，没啥差别 10/20 23:23
了解了!!! 目前我自己的规划是 有找到一本书
里面的写法与内容 是使用new Vue的方式再做范例的!!!
目前先想把这本书看完 至少学到的东西想使用在公司的专案上
也比较好上手!!! 比较清楚该如何去做
然後再看公司提供的书 是用Vue-cli的做法去做的!!!
23F：→ ssccg: 功能略有差别，只是不一定会用到，像.vue可以用scoped css 10/21 16:23
※ 编辑: aa12783509 (61.221.174.36 台湾), 10/23/2020 13:44:20
24F：推 hermes018: 看官网的教学就可以学的很好了 10/24 03:32