Vue2.0源码理解(1) - 数据和模板的渲染（上）
准备 一、首先去GitHub上把vue源码download下来，传送门：https://github.com/vuejs/vue二、搭建一个vue-cli跑起来，用于代码调试，不看着代码动起来...
标签 Javascript 下的文章
vite搭建vue项目-集成别名@、router、vuex、scss，按需加载Vant,就是这样简单
为什么要使用vite 当我们开始构建越来越大型的应用时，
需要处理的 JavaScript 代码量也呈指数级增长。
包含数千个模块的大型项目相当普遍。
这个时候我们会遇见性能瓶颈
使用 Ja...
vue开发小技巧
这里分享几个我使用到的vue开发小技巧 一、状态共享 使用Vue进行开发时，随着项目的复杂化，组件个数也逐渐增加，此时我们就面临着一个问题——多组件状态共享。当然有人会说使用Vuex...
Vue2.0源码理解(2) - 数据和模板的渲染（下）
vm._render是怎么实现的 上述updateComponent方法调用是运行了一个函数： // src\core\instance\lifecycle.js
updateCompon...
Vue2技术整理3：高级篇
3、高级篇 前言
基础篇链接：https://www.cnblogs.com/xiegongzi/p/15782921.html
组件化开发篇链接：https://www.cnblo...
使用Vue3 + vite + TypeScript项目创建步骤
项目搭建 vite //yarn的下载vite方式
yarn create vite-app <projectName>
//or
//npm的下载vite方式
npm ini...
Vue3快速上手
1.Vue3简介
2020年9月18日，Vue.js发布3.0版本，代号：One Piece(海贼王)
耗时两年多、2600+次提交、30+个RFC、600+此PR、99位贡献者
...
「微前端实践」使用Vue+qiankun微前端方案重构老项目的本地验证
10月份换了新的工作，参与完一个月的需求迭代后，接到了项目重构的任务。简单来说，需要在短时间内提出方案设想，同时进行本地验证，最终需要拿出一套技术替换方案来。于是，埋头苦干了一个月，总算干了...
路由守卫
什么是路由守卫？ 路由守卫就是路由跳转的一些验证，比如登录鉴权（没有登录不能进入个人中心页）等等等路由守卫分为三大类： 1. 全局守卫：前置守卫：beforeEach 后置钩子：a...
如何调试Vue3源码？
最近想系统学习一下vue3的源代码，本篇内容记录和分享一下，如何调试vue3的源代码。 1. 下载源代码 1.1 github下载 想获取vue3的源码，需要直接从github上vue...
vite配置开发环境和生产环境
为什么需要境变量的配置 在很多的时候，我们会遇见这样的问题。
开发环境的接口是:http://test.com/api
但是我们的生产环境地址是：http://yun.com/api
此时，...
前端，单个文件下载或者分批压缩多个文件下载
import JSZip from "jszip";
import fileSaver from "file-saver";
import axios from 'axios'
import ...
Vue小白练级之路---001表单验证功能的一般实现思路
思路 ：
先各自验证
非空校验
具体规则校验（正则）
后兜底校验（ 防止用户没输入信息直接登录 ）
实现 ：( 以 element-ui 为例 )
在 ...
vue3的组合式API究竟是什么
1 缩略语 rd: 响应式数据，就是vue2中data()函数返回的内容 rf: 处理响应式数据的函数，就是vue2中methods, watch, computed等选项中定义...
Vue2.0源码理解(3) - 组件的创建和patch过程
组件化 组件化是vue的另一个核心思想，所谓的组件化，就是说把页面拆分成多个组件(component)，每个组件依赖的css、js、图片等资源放在一起开发和维护。组件是资源独立的，在内部系统中...
Vue2.0源码理解(4) - 合并配置
合并配置 通过之前的源码学习，我们已经了解到了new Vue主要有两种场景，第一种就是在外部主动调用new Vue创建一个实例，第二个就是代码内部创建子组件的时候自行创建一个new Vue实例...
微信小程序实现文本的展开与收起
致谢 https://www.jianshu.com/p/9458083214cc 1、效果图 2、js代码 // pages/volun...
Vue组件间的数据通信
props配置项
功能：让组件接受外部传来的数据
传递数据： <Demo name="xxx"></Demo>
接受数据：
只接受 pr...
笔记：vite 的启动链路以及背后的部分原理
这里分享一篇找到的文章 原文地址：https://blog.csdn.net/frontend_frank/article/details/106632197 NO.1 vite 是什么 ...
Vue2.0源码理解(5) - 生命周期
生命周期 前言 之前说的数据和模板渲染，组件的创建，配置的合并，其实在平时业务上很少去关注，因为即使不了解也不影响使用。而生命周期则和我们的业务代码有着紧密的联系了，玩过Vue的基本都得了解...
Vue2.0源码理解(6) - 组件注册
组件注册 前言 在 Vue.js 中，除了它内置的组件如 keep-alive、component、transition、transition-group 等，其它用户自...
Vuex的使用及map方法
Vuex
概念：在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间的通信
...
Vue-cli 脚手架搭建vue2和vue3的全家桶项目详细步骤
由于vue官方现在默认创建的版本是vue3，在创建配置选择上有很大的改动，有些还不会vue3的开发者 想继续使用vue2 创建就会遇到了一些问题。 现在对vue2 和vue3的全家桶进行项目的...
vuex的使用
vuex是什么 vuex是一个专门为vue开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，其核心是state。 vuex中有什么 state：存放状态数据的地方，其中数据是响...
前端提升生产力系列三（vant3 vue3 移动端H5下拉刷新，上拉加载组件的封装）
｜ 在日常的移动端开发中，经常会遇到列表的展示，以及数据量变多的情况下还会有上拉和下拉的操作。进入新公司后发现移动端好多列表，但是在看代码的时候发现，每个列表都是单独的代码，没有任何的封装，都是...