零一的博客

前言我觉得每个人可能都有过看源码的想法吧，也包括我。因为看源码不光能使自己对这个库更加熟悉，还能学习到作者强大的思想，久而久之，自己的水平和思想也会有明显的提升的。但对于我来说，之前从来没有阅读过源码，想阅读源码却不敢迈出那一步，因为一个成熟的库有着太多的方法、逻辑，阅读起来可能会比较困难，但人总要勇于尝试的嘛，于是我就准备把 Vuex 的源码 clone 下来，没有别的原因，只是因为这个库体积比较小，算上注释，核心代码只有1000行不到，我觉得非常适合第一次阅读源码的人拿来练手说干就干，我就先在

背景介绍在2020年，Vue3的学习一直被我鸽到了11月份，在学完以后，我自己做了一个Vue3的小项目nav-url，也整理了我对于如何快速上手Vue3的几篇博客，很高兴受到了大家的指点和喜欢：自己设计的Vue3的实用项目（内含对项目亮点的实现思路与介绍）(237+ 个????)在上一篇博客中，我详细介绍了一下我发的第一版项目的特色、亮点以及所有核心功能的实现，希望大家可以前往阅读体验一下（记得用电脑打开，因为这是一个PC端的项目）然而，这项目只是实现了一些功能，但我感觉并没有很好地利用Com

对于项目的逻辑代码，你们可以直接查看我的源码，全部都是用的 Vue3 语法写的在最初做这个项目时，还没找到合适的 Vue3 组件库，所以我就根据自己的需求，封装了 message 、dialog 、input 、button 、popover 这样五个组件，其中重点讲一下 message 和 dialog 吧，另外还有这个项目的亮点：配置导入与导出

getCurrentInstance方法只有在 development，即开发环境下才能获取到当前组件的实例，换句话说就是这个方法只是在开发环境下用于调试使用的

大家都知道，现在Vue3的各个版本已经陆续发布了，并且有很多的团队已经着手各个库的开发与Vue2向Vue3的升级，我们当然也不能落后，所以赶紧将你手中的Vue2升级到Vue3，跟着本文一起学习新的API吧

随着前端框架的快速更新迭代，现在的主流前端框架之一Vue.js迎来了它的新版本3.0。在今年2020的5月28日，Vue.js的作者尤雨溪公布了Vue3的整个设计过程，让我们来了解一下吧。简单的来说，这个框架的版本更新一定是为了弥补前一个版本的不足之处，回想一下Vue2的出现也已经有四年之久了，尤大的团队也一直在研究新的版本的Vue，也就是Vue3。翻阅了一下他们的Vue3设计过程可以了解到版本更新的原因有以下两点：现在的主流浏览器对 JavaScript 语言已经有了非常好的支持，其中包括了后来

分析Vue.js组件中的data为何是函数类型而非对象类型引言正文一、Vue.js中data的使用引言要理解本篇文章，必须具备JavaScript中对象的概念，如果有想要深入了解的小伙伴，可以查看我之前剖析的js中对象概念的一篇文章——充分了解JavaScript中的对象，顺便弄懂你一直不明白的原型和原型链，如果没空看的小伙伴也没关系，我会尽可能用你们能懂的方式讲解。正文本文很多地方会给新手讲解一些别的概念，懂了的小伙伴可以自行跳过，去看重要的部分。一、Vue.js中data的使用我们先来回顾一

Vue.js中的修饰符引言正文一、事件修饰符引言其实我们在平时总会用到一些方法去处理我们的事件函数，比如阻止事件的默认行为 、阻止事件冒泡等等。那在Vue.js中，对这些操作进行了一个很简易的处理，那就是在我们绑定的事件后面加一个事件修饰符，这样能让我们一眼就能看出，该组件绑定了什么事件 、对事件做了什么处理，好了，我们来了解一下吧。正文在本文我就不详细介绍Vue.js是如何给组件绑定事件了的，大家都知道是通过v-on:事件="事件名" 或者它的语法糖 @事件="事件名"。Vue.js为我们提供了

前端路由和后端路由的概念讲解引言引言无论你是正在学习vue 还是在学习node， 你一定会碰到前端路由和后端路由这两个概念， 因为路由是实现页面之间的切换的一个重要途径，

vue 事件总线前言EventBus的简介EventBus的使用一、初始化二、向EventBus发送事件前言vue组件中的数据传递最最常见的就是父子组件之间的传递。父传子通过props向下传递数据给子组件；子传父通过$emit发送事件，并携带数据给父组件。而有时两个组件之间毫无关系，或者他们之间的结构复杂，如何传递数据呢？这时就要用到 vue 中的事件总线 EventBus的概念EventB...

better-scroll插件的简单使用前言下载安装使用步骤原理实战效果图结束语前言因为better-scroll是一个注重移动端的滑动插件，并且better-scroll在vue.js开发项目中用的也十分的广泛，所以这次我们来讲解一下better-scroll在vue.js中的简单用法。下载安装可以直接npm工具下载，即在终端输入npm install better-scroll也可...

Vue.js项目中封装轮播图组件前言一、了解原生js移动端的事件前言今天我在vue.js项目实战开发过程中遇到了实现轮播图效果的问题，因为不想因为一个轮播图而引用整个jquery，而且我还发现自己根本就不清楚移动端的一些事件，所以我就进行了一些资料查找，并最终解决了这个问题，接下来跟大家分享一下我的解决问题的过程.一、了解原生js移动端的事件原生...