初次上手 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 等方式构建项目。。。

10417 次点击
所在节点    Vue.js
95 条回复
abersheeran
2022-05-12 09:51:14 +08:00
@windyboy 在 html 里写一个 script 从 CDN 引入一下,就可以开始写,而不是需要下载一个 nodejs 环境跑各种命令。
longzn
2022-05-12 09:51:51 +08:00
什么明年北京要办奥运会了!!!!
sickoo
2022-05-12 09:57:16 +08:00
solid.js
iovekkk
2022-05-12 09:59:37 +08:00
赶紧买房,21 年会暴涨一波
DreamCMS
2022-05-12 10:01:24 +08:00
我还是觉得 jq 好,如果以后前端都打包形式的话,不利于前端技术的发展
LavaC
2022-05-12 10:02:25 +08:00
页面不太复杂的话可以用 Alpine.js 这种轻量化框架。
Dragonphy
2022-05-12 10:09:12 +08:00
@zeroxia #40
《 Vue 设计与实现》
seamonster
2022-05-12 10:17:10 +08:00
我自学 vue 写的舔狗网站: https://wedog.ru
h1104350235
2022-05-12 10:17:17 +08:00
俺们村也连上 4G 了
pytth
2022-05-12 10:31:42 +08:00
@iovekkk 刚好去年买了~坐标广州
pytth
2022-05-12 10:32:47 +08:00
@shanghai1998 因为我看到太多人吐槽 jquery 来秀 vue 的优越感了...
pytth
2022-05-12 10:33:58 +08:00
@Felldeadbird jquery 我还在用的原因就是有个比较方便的 ajax
iovekkk
2022-05-12 10:35:47 +08:00
@pytth 你这是高位的时候买的啊
DOLLOR
2022-05-12 10:59:42 +08:00
@DreamCMS
恰好相反,正是打包工具链的存在促进了前端的发展,否则前端今天还在写 ES3 调兼容。
cangcang
2022-05-12 11:15:23 +08:00
@pytth 嗯,现在前端代码要用 babel 编译已经是基操了
gam2046
2022-05-12 11:22:18 +08:00
vue 真心入门简单,有点其他语言基础的,缝缝补补,看一天就能写个还凑合的前端了。屏蔽的很多技术细节。

electron 这种采用 vue 开发 UI ,速度也挺快的。我已经好几个需要 UI 的项目都采用 electron + vue 开发了,不图别的,就是简单。当然如果只需要 Windows ,C#那一套也很简单。
dvsilch
2022-05-12 11:24:50 +08:00
@DreamCMS https://www.v2ex.com/t/851925 #reply66 是个很形象的比喻,放到前端这边也适用
Abbeyok
2022-05-12 11:32:28 +08:00
我也想上手 vue 了
agdhole
2022-05-12 11:47:04 +08:00
@pytth #72 ajax 方便在哪里?轻量级 fetch 几行就弄好了,或者引入一个 axios
ciki
2022-05-12 11:53:00 +08:00
本能的看了下发帖时间

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

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

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

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

© 2021 V2EX