初次上手 Vue.js 开发效率确实高!从此跟 Jquery 说拜拜!

2022-05-11 16:28:58 +08:00
 pytth

一些看法

在 V2 看了一些吐槽 Vue 的项目构建的一些文章,有说 node_module 目录太大,webpack 等工具的缺点等问题,但这就是构建 Vue 项目所需的一些操作,嫌麻烦,嫌笨重,可以用其他办法。也可以用官方脚手架等方式,还有新兴的 Vite ,还可以用传统的<script>标签引入 Vue.js 文件去写。

当然这个都是看需求的,如果一个非常简单的页面,用不上太多的 API ,其实用传统的方法去写也是可以的。本人 html 也写了几年,Vue 还真没有认真去学过,偶尔搜一些相关文章看看,也没有认真去写过。

趋势

但越来越多平台、网站已经向单页应用的趋势发展,浏览器无刷新,路由等方式,这种页面体验起来也是非常舒服的,Vue 、React 都是目前构建项目的主流。

有些人觉得学习成本挺高的,还不如直接 jquery 操作 Dom 实在一些,至少不需要将时间和经历花在环境调试和构建。实际上这些都是有很多解决方案的,不想那么复杂就直接 Vite 也可以快速构建。

初体验

顺着 Vue.js 官网的文档,我还是尝试先用传统的引入 Vue.js 文件的方式,花了 2 个上午(因为下午要忙工作),简单得撸了一个项目熟悉一下 Vue 的特性。与 jquery 不同的是,jquery 是操作 Dom ,而 Vue 是操作数据。

后面还是需要认认真真学一下脚手架、Vite 等方式构建项目。。。

10413 次点击
所在节点    Vue.js
95 条回复
fayetitus
2022-05-11 21:54:49 +08:00
我,我在 2022 ?
yeqizhang
2022-05-11 21:58:56 +08:00
骚年,来写 jsx 吧
iwdmb
2022-05-11 22:06:29 +08:00
記得 all in TESLA
pytth
2022-05-11 22:08:05 +08:00
@liyang5945
@pengtdyd
@qzsi001
@hhhanako
@FreshOldMan
@misaka19000
@Liuman
@darknoll
@codingBug
@grewer
@fayetitus

平时写后端比较多,前端知识还停留在 2016 年那时候的水平,只是觉得这两年很火爆,被吸引到了,就尝试拥抱时代,拥抱新技术。
pytth
2022-05-11 22:09:20 +08:00
@libook 确实原生的写法可能会更纯粹吧
pytth
2022-05-11 22:11:21 +08:00
@darksword21 现在的前端写好了不一定可以在浏览器打开,因为浏览器不认识,通过一些工具编译后,编译成 html,csa,js 才能部署到服务器。

开发的时候,需要浏览器进行预览,调试,所以需要开启这个本地服务作为开发环境。
pytth
2022-05-11 22:13:13 +08:00
@codefever 就像谭浩强的 C 语言程序设计那本书一样,很多代码已经不能跑了,而现在大部分的学校还作为课堂的教科书。
duke807
2022-05-11 22:25:13 +08:00
用了一圈下來,發現還是這個框架最好:vanilla-js.com
acoldfox
2022-05-11 22:25:33 +08:00
看了楼主又看了一楼的回复,有种翻到坟贴的感觉
haah
2022-05-11 22:43:23 +08:00
我个人觉得——你可能想多了!
quanjw
2022-05-11 22:43:33 +08:00
然后又要学 ES6 一个头两个大
techstay
2022-05-11 23:07:54 +08:00
vue3 是真的不错,速度很快感觉
crazykay
2022-05-12 01:01:53 +08:00
缩圈了,拥抱纯 Web component 和 deno.js 。别的我都没兴趣搞。
abcd191898105
2022-05-12 01:15:56 +08:00
@Issuema 鱿大是外国人,别套近乎,搞得好像跟你很熟似的。人家气场也和你不一样。
agagega
2022-05-12 01:30:59 +08:00
或许你还可以了解一下 Stimulus ?
vHypnos
2022-05-12 01:33:55 +08:00
作为 react 老手,刚开始写 vue2 真的被 sfc 折磨的不行。正在积极推进组内换 vue3+nuxt 。。然后看看能不能写 tsx
Felldeadbird
2022-05-12 09:14:21 +08:00
VUE 合适单页应用,不在于 SEO 的应用环境。VUE 相比起传统的模式,编写的业务更加需要细致化。例如:如何保存历史页,刷新保持当前页。页面跳转,页面回顶部。而不是停留在当前浏览区域。 官方文档都有说到上面的问题,也有解决方案。但是正常开发如果没留意这些,很容易就造成体验很奇怪的现象。

JQ 我现在还在用,两者我觉得是互补,而不是谁替代谁的关系。
ikaros
2022-05-12 09:23:15 +08:00
我还在用服务端渲染和 jQuery, 主要优势是对于内容平台来说 SEO 比较友好 vue 这些有什么解决方案吗
yaphets666
2022-05-12 09:35:15 +08:00
@wonderfulcxm 啥叫简单问题复杂化。。。vue 能极大提升开发效率啊,使用工具叫简单问题复杂化?
C603H6r18Q1mSP9N
2022-05-12 09:50:21 +08:00
flutter 是为了移动端和嵌入式;
h5 太臃肿了,或者不好用;就比如有了 jquery 为什么还要 vue ,虽然 vue 做的事,jquery 大部分也能做,只是繁琐很多

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/852221

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX