给老后端程序员的 petite-vue 使用入门(前言)

虽说我是一个后端程序员,但实际上我也写过很多前端代码和客户端代码。
在1999年前后,我上学时找到的第一份兼职工作,其实就是写网页,虽然当时我也用BCB写activex控件,我也是后来回想起来,但是老板对我的期待其实只是写好网页就行。
那时候浏览器几乎还只有 IE6 ,没有前端开发工具,浏览器也没办法进行js代码的调试,一切调试工作几乎只靠一个 alert 和偶尔的 document.write
经过了20多年的演变,目前前端开发已经成了一个软件开发中非常重要的一个分支,更是涌现了 Angula 、 React 、 Vue 等优秀的前端框架,虽然我中间也用jQuery开发过一些页面,但整体来说还是掉队了。
由于个人项目的需要,我调研了一圈这些前端框架,发现想要入门现代前端框架学习曲线最平滑,上手最快的就是 petite-vue 和 tailwindcss 这个组合了,首先说一下petite-vue 的优点:
首先, petite-vue由一个单一js实现,没有任何额外的依赖也没有做任何过多的封装,非常简洁,整个文件只有6kb左右; 其次, petite-vue和可以promis、axios等现代js库组合使用,更可以跟老牌的 js 库 jQuery 组合使用,瞬间进入你熟悉的领域; 再次,因为 petite-vue 是由一个独立的 js 文件实现,根本不需要现代前端框架那么复杂的搭建脚手架,下载扩展包,编译等复杂的环节,在 html 直接引入 cdn 的链接地址,就可以开始使用,非常简单快捷。
但很可惜,目前没有多少 petite-vue 的教程,于是我就动了想写写的念头。
经过了2个多月业余时间的开发,我的小项目基本上完工了,于是想着回馈一下社区,写一个给老后端程序员看的 petite-vue 入门教程。
这个前言会随着教程书写的进度而更新,会把对应章节的链接更新过来。
lastupdate 2025.7.1
2025.7.1
-EOF-