参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 框架1.1 引入Vue是一套用于构建用户界面的渐进式框架。

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. vue-cli 脚手架官方文档：https://v2.cn

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 路由根据不同的路径切换不同的页面。 1.1 SPA 单页面

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 本文全部基于 vue3。 vue3插件： VSCode 插件

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 组件组件，扩展HTML元素，封装可重用的代码（让组件可以和

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 本文全部基于 vue3。 Chrome 插件：Vue.js

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 本文全部基于 vue3。 vue3插件： VSCode 插件

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 vuex 官网：vuex3，vuex4 vuex 持久化：http

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 pinia 新状态库：https://pinia.vuejs.or

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue2.0 在2023年12月31日停止更新。 1. 组件封装1.1 rem布局公式只需要在 index.html 加上这一句