给老后端程序员的 petite-vue 使用入门(前言)
如果您只关心如何快速使用vue/petite-vue, 本文(前言) 可以直接跳过，并从目录直接跳转到您最感兴趣最需要的部分。
本教程是为具备编程基础的人准备的，只是为了让具备编程基础的人可以从众多如何搭建脚手架、如何配置nodejs等一大堆专业前端开发人员关心的琐事里解脱出来，快速开始一个需要在网页上完成的交互工作的开发任务。
虽说我是一个后端程序员，但实际上我也写过很多前端代码和客户端代码。在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 入门教程。
这个前言会随着教程书写的进度而更新，会把对应章节的链接更新过来。
目录
（一）在项目中快速引入petite-vue
（二）跟其他js库的配合和程序结构的设计
（三）接管部分页面或整个页面
（四）不用模板怎么实现数据的交互
（五）使用模板怎么实现数据的交互
（六）创建对话框和多种对话框
lastupdate 2025.7.1
2025.7.22
-EOF-
