航诚的博客

搭个项目玩玩前言使用 Vite 创建项目三级目录 前言 好久没有写了，最近看到Vue3.2 发布了，害，又要开始卷了么。 其实我自己本身还没有使用过Vue3 做过实际的项目开发，然鹅又出新东西了……，新时代农民工真的是左手工作，右手游戏，还要用jio去学习呢。 什么？ 你说谈对象？ xswl，我特么一个农民工也配谈对象？ 看看自己盆友圈的小伙伴们经常半夜发各种技术文章，各种辛苦工作的照片，哎，不卷不行啊，我踏马看看自己盆友圈发的什么玩意？ 使用 Vite 创建项目 参考 Vite 官方指南 三级目录

Vue 响应式——模拟封装VueDep Dep Dep这个类的作用，是收集依赖，发送通知。 也就是在data的getter中 添加观察者，以及通知watcher 该类有三个成员，一个属性和两个方法: subs 观察者数组 addSub 添加观察者方法 notify 发送通知 class Dep { constructor() { this.subs = [] } // 添加观察者 addSub(sub) { if (sub &&am

Vue 响应式原理——模拟实现前言三个概念数据驱动响应式核心原理Vue2.xVue3.x发布/订阅模式 前言 首先，一个问题。 为啥要去了解Vue的响应式数据？ 直白的说 为了面试的时候应付面试官的相关问题，在现在Vue广泛使用的情况下，基本上数据响应式 是一个必考点 委婉的讲 了解它的原理，可以学习别人优秀经验，转为自己的经验，还可以通过原理层面去解决一些开发中的问题，比如: 给 Vue 实例新增一个成员是否是响应式的？ 给属性重新赋值称为对象，是否是响应式的？ 真正的原因 为了能够跟我的同事，漂亮的

VueRouter的实现原理Hash模式和History模式的区别表现形式的区别原理的区别History 模式的使用node 环境下支持 historyNginx 下支持 historyVueRouter 两种模式的实现原理Hash 模式History 模式实现思路VueRouter-install 方法实现 Hash模式和History模式的区别 不管哪种模式，前端路由都是客户端路由的实现方式，也就是当路径发生变化时，不会向服务器发送请求，是利用js监视路径的变化。然后根据不同的地址渲染不同的内容，如果需