随着越来越多的组件库接受 Vue 3 并增加对其的支持，如何保持对 Vue 2 的同步跟进成为了组件库开发人员面临的重要挑战。 通常情况下，为了同时管理 Vue 2 和 Vue 3 语法实现的组

同事阿洋问我：春哥，业务上既有vue3也有vue2，公共组件怎么才能只写一份代码，却能享受双份的快乐？

作为一个前端，用户的良好体验是我们的基本信仰！一个有趣的交互会使用户对页面的好感提升，一个恰当的反馈能使用户轻松理解你想表达的意思。 本篇文章带大家一步一步打造一个活泼的轻量级弹框。你会学到： 其实这两个元素是叠在一起的，为什么要单独用一个div来做遮罩呢，是因为我们想要独立控…

初识 IntersectionObserver 1 前言 作为在掘金摸🐟已经很久的一名前端er，今天终于迈出了写文章的步伐，主要用于记录平时工作中或者学习中遇到的一些问题以及笔记，方便以后查阅，当然也

Vue3.0 Composition Api (最核心)、v-model更改、响应式ref和reactive、watch和watchEffect、以及vue2和vue3对比

父子组件之间的双向绑定非常简单，但是很多人因为是从Vue 2+开始使用的，可能不知道如何双向绑定，当然最简单的双向绑定（单文件中）就是表单元素的v-model了，例如<input type="text" />它会响应表单元素的value属性，当输入框文本改变时，会将v…

上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办…

Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍，并大大降低了内存消耗。那么，什么是Virtual DOM？为什么需要Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？这是本文所要探讨的问题。 在对 Model 进…

页面中所有的内容都是组件化的，只需要把路径跟组件对应，在页面中把组件渲染出来。 页面实现：在vue-router中, 它定义了两个标签 和来对应点击和显示部分。 就是定义页面中点击的部分， 定义显示部分。 js中配置路由：首先要定义route,一条路由的实现，他是一个对象，由p…