【源码】基于Vue框架的系统学习记录项目

项目简介

本项目用于记录系统学习Vue的进度。学习者此前学习Vue较为零散，实习后发现知识体系不够系统，因此结合官网文档重新系统学习。项目主要聚焦Vue 2.x知识，同时涉及Vue 3.x新特性。

项目的主要特性和功能

Vue基础

包含模板语法、数据绑定、MVVM模型、数据代理、事件处理、计算属性、监视属性、样式绑定、条件渲染、列表渲染、表单数据收集、过滤器、指令（内置和自定义）、生命周期等基础知识点，还介绍了单文件组件和非单文件组件。

VueCLi搭建项目

介绍使用Vue CLI搭建Vue项目的方法，涵盖ref属性、props配置、mixin混入、插件使用、scoped样式等进阶功能。通过多个TodoList案例深入讲解组件自定义事件、全局事件总线、消息订阅与发布，涉及动画过渡、跨域解决方案（配置代理服务器）以及数据存储（webStorage）。

Vue 3.x新特性

包含Vue 3的工程结构分析、setup函数、ref和reactive函数、响应式原理、新的生命周期钩子、自定义hook、toRef和toRefs等新特性的学习内容。

安装使用步骤

1. 确保已下载本项目的源码文件。
2. 打开命令行工具，进入项目根目录。
3. 安装项目依赖，执行命令：npm install 或 yarn install。
4. 若要运行具体案例，可根据案例对应的文件路径，在浏览器中打开相应的HTML文件；对于Vue CLI项目，可执行 npm run serve 或 yarn serve 启动开发服务器进行访问。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】