BNTang

摘要： 前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中，实现了将每一个 Vue 实例上挂载一个 $router 属性，这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节，我们将实现一个 router-link 组件，这个组件可以实现点击跳转到指定的路 阅读全文

摘要： 前言 什么是开闭原则？ 开闭原则（Open-Closed Principle, OCP）是 面向对象 设计中的一个重要原则。 它指出软件实体（如类、模块、函数等）应该对扩展开放，对修改封闭。这意味着一个实体允许其行为被扩展，但不允许修改其源代码。 不遵循开闭原则的代码示例 假设有一个简单的类，用于根 阅读全文

摘要： 前言 什么是工厂方法 工厂方法 是一种 创建型 设计模式 什么是 创建型 设计模式？ 创建型设计模式专注于处理对象创建机制，以合适的方式来创建对象。该模式通过控制对象的创建方式来解决问题。 工厂方法的作用 解决了在 不指定具体类 的情况下创建产品对象的问题，这句话要怎么理解呢？ 工厂方法模式通过让子 阅读全文

摘要： 前言 经过上一篇文章的介绍，完成了初始化路由相关信息的内容，接下来我们需要将路由信息挂载到Vue实例上，这样我们就可以在Vue实例中使用路由信息了。 简而言之就是给每一个Vue实例添加一个$router属性，这个属性就是我们在上一篇文章中创建的VueRouter实例。 实现思路 我们需要在Vue实例 阅读全文

摘要： 前言 这里只是简单的提供最新代码使用，只需要将本文的内容复制到博园的后台对应的代码位置即可。 博客侧边栏公告 <!-- cnblogs.com Baidu tongji analytics --> <script> var _hmt = _hmt || []; (function () { var 阅读全文

摘要： 前言 经过上一节课的学习，我们已经完成了提取我们想要的路由信息数据格式，提取完毕了之后，接下来我们该干什么，接下来需要做的步骤就是监听路由的变化，保存当前的路由。 那么就会遇到几个问题，就是怎么监听，怎么保存，我们先回到 VueRouter 的官方文档，点击右上角的 API 参考，然后拖动到底部，在 阅读全文

摘要： 前言 好了经过上一篇的学习，我们已经知道了如何监听 Hash 的变化，如何监听路径的一个变化，本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢，在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou 阅读全文

摘要： 前言 本文是手写Vue-Router的第一篇，主要是对Vue-Router的知识储备，为后面的手写做准备。 那么 VueRouter 怎么实现呢？要想实现 VueRouter，首先要知道 VueRouter 它的本质是什么。 VueRouter 的本质 VueRoute 的本质是什么？VueRout 阅读全文

摘要： 前言 经过上一篇文章的介绍，我们实现了将模块安装到 store 中，那么本章我们就来介绍一下怎么安装模块当中的方法也就是 actions、mutations、getters。 所以本次文章的目标就是将模块当中的 actions、mutations、getters 安装到 store 中，然后在组件中 阅读全文

摘要： 前言 根据上一篇，【手写Vuex】-提取模块信息，我们已经可以获取到模块的信息了，将模块信息变成了我们想要的数据结构，接下来我们就要根据模块的信息，来安装模块的数据。 在上一篇当中我们定义了一个 ModuleCollection 类，这个类的作用就是将模块的信息转换成我们想要的数据结构。 接下来我们 阅读全文