一、简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实
写在前面 这部分真的感觉超级难，其实也不能说难，主要是真的想不到这个思路应该这么做，或者说他好厉害，他怎么知道该这么设计实现。 说下难点吧，我觉得后天逻辑还好，主要是前端部分真的需要点花点时间来思考，比如布局、交互设计的实现等等。 文档页面功能开发 1、任务拆解 增加文档页面，首页点击电子书时，跳转
前言 在上一篇 vue3早已具备抛弃虚拟DOM的能力了文章中讲了对于动态节点，vue做的优化是将这些动态节点收集起来，然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢？答案是：当然有，对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。 什么是静态
基于Vue 3的全新水印通用组件封装。这款组件不仅功能强大，而且易于集成，能够轻松为您在网页任何位置添加自定义水印，有效防止内容被篡改或盗用。
isRef 检查某个值是否是ref。是返回true，否则返回false。 const num = ref(10); const num1 = 20; const num2 = reactive({ data: 30 }); console.log(isRef(num)); //true consol
一、什么是插槽 插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签，父组件填充的内容称为插槽内容。 子组件不提供插槽时，父组件填充失效 父组件无填充
shallowReactive 使用 reactive 声明的变量为递归监听，使用 shallowReactive 声明的变量为非递归监听（通俗的讲就是 reactive 创建的对象将会被 vue 内部进行递归监听，可以监听到对象中的对象是否发生了改变从而更新视图，而 shallowReactive
readonly 接受一个对象（不管是响应式还是普通的）或者是一个ref，返回的是一个原值的只读代理。 {{ data }}<
# 一、安装 npm安装 ``` npm i mitt ``` pnpm安装 ``` pnpm i mitt ``` yarn安装 ``` yarn add mitt ``` # 二、使用 ## （一）、当前组件内使用 ```javascript import mitt from 'mitt' //
简介 使用
Vue3 目前已经趋于稳定，不少代码库都已经开始使用它，很多项目未来也必然要迁移至Vue3。本文记录我在使用Vue3时遇到的一些问题，希望能为其他开发者提供帮助。 1. 使用reactive封装基础数据类型 传统开发模式中，数据声明很简单。但是在Vue中有多个响应式变量声明方式，整体的使用规则如下：
Vue3已经正式发布了一段时间了，各种生态已经成熟。最近使用taro+vue3重构冷链的小程序，经过了一段时间的开发和使用，有了一些自己的思考。
页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。
## 1、作用 在使用异步组件时，由于需要等待组件加载完成后才能显示，因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符，提高用户体验。 ## 2、用法 * 首先子组件AsyncShow：使用了promise包裹代码 ```javascr
添加一个router.js 配置文件 import { createRouter, createWebHistory } from 'vue-router' createRouter：用来创建 路由 createWebHistory ：url的格式 不带#。 导入你的.vue页面 即你的页面，如：
1添加一个新的 http.js文件 封装axios 引入axios //引入Axios import axios from 'axios' 定义一个根地址 //视你自己的接口地址而定 var root2 = 'http://121.4.63.196:8520/api' 定义个小函数来统一参数格式（可
记录自己搭建前端项目的学习过程和开发过程，希望一起学习进步 采用Vue3+element-plus+axios+vue-router+sass……（目前刚开始是用到了这些,随着开发慢慢更新） npm是比较慢的， 所以我用的是pnpm。安装指令：npm i pnpm 简单介绍下作用 Vue3:前端框架
假设用户登录，在地址栏输入了Login，人性化的设计应该自动回到home页面。或者用户输入不存在路由，也应该回到home页面。 这个时候需要用到vue-router的导航守卫功能。 在我们封装的router.js文件下添加router.beforeEach…… const router = crea
我的项目是vue3+element-plus 我是个菜鸡，我不懂前端。想做一个tags的导航标签页。但是点击标签页之后页面仍然是会重新请求。感觉这不就跟没做一样吗？ 遂百度GPT，第一种方式采用的就是存储到session里。搞了大半天，突然觉得这样好捞，遂采用vuex。虽然两者理论上区别不大，但是说
