使用Vue3 + vite + TypeScript项目创建步骤
项目搭建 vite //yarn的下载vite方式
yarn create vite-app <projectName>
//or
//npm的下载vite方式
npm ini...
2023年3月
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下拉刷新，上拉加载组件的封装）
｜ 在日常的移动端开发中，经常会遇到列表的展示，以及数据量变多的情况下还会有上拉和下拉的操作。进入新公司后发现移动端好多列表，但是在看代码的时候发现，每个列表都是单独的代码，没有任何的封装，都是...
three.js添加3d模型
three官方的几何体也就那么几个，想要生成各种各样的模型，其难度十分之大，这时引入外部模型也不失为一种选择。具体引入办法如下。 导入依赖
点击查看代码
import * as T...
uni-app开发 移动端APP 在电脑端使用安卓模拟器进行开发
在使用uniapp 开发移动端App的过程中可以使用，数据线连接真机测试进行开发 如果是MAC苹果系统开发的可以看这篇文章使用模拟器：https://www.cnblogs.co...
Vue3 使用Pinia状态管理
安装 npm install pinia --save 使用 创建store文件夹 建 src/store 目录并在其下面创建 index.ts，导出 store // src/...
HTML2CANVAS使用总结
前言 最近遇到了个功能，要把表单转化成图片来保存，这让我想到了一个插件HTML2CANVAS，这里给大家分享下它的用法和我使用的过程 html2canvas 能够实现在用户浏览...
Vue3
Vue3 1.Vue简介 1.Vue的特点
采用 组件化 模式，提高代码复用率、且让代码更好维护。
声明式 编码，让编码人员无需直接操作Dom,提高开发效率。
使用 虚拟Do...