vue3-MicroMatrix

MicroMatrix 博主等级

明月别枝惊鹊,清风半夜鸣蝉

累计撰写 116 篇文章
累计创建 36 个标签
累计收到 0 条评论

目录CONTENT

以下是 vue3 相关的文章

2024-11-05
用SVG和Vue3构建一个极简高效的加载提示组件在开发现代Web应用时，加载提示是一个不可忽视的小细节——它不仅能提升用户体验，还能避免让用户在等待时“焦头烂额”。但说到加载动画，大家往往会想到图片、GIF或者其他需要大量资源的方式。那么，如果我们不用这些沉重的资源，能否创造出既轻量又炫酷的效果呢？答案是肯定的！今天，我们就来聊聊如何用SVG和V
- 2024-11-05
- 1
- 0
- 0
- share
2024-08-22
Vue 3 + Vite 在 Vercel 部署及跨域配置指南前言 vite 项目可以直接部署到 vercel 上，不用做任何修改。但是这里会遇到一个问题，就是网站访问接口跨域。如果是普通的服务器，那么通常就是用 nginx 做反向代理。但是对于 Vercel 我们无法这么做。解决方法采用 vercel 上的配置做代理。项目安装插件 pnpm insta
- 2024-08-22
- 6
- 0
- 0
- share
2024-05-18
vue3源码学习-5-分支切换前言上篇回顾，核心代码逻辑是通过 reactive 中的 Proxy()来代理一个对象，然后通过 get 收集依赖，主要操作放在来 effect 中。那么当我们回顾上一篇的问题。当用户有一个这样当操作 const { effect, reactive } = VueReactivity; let
- 2024-05-18
- 1
- 0
- 0
- share
2024-05-16
vue3源码学习-4-effect编写以及依赖收集前言经过上文的响应式编写之后，实现了数据包裹之后变成了响应式数据，用户修改数据的时候能监听到操作。但是实际编写的响应式 reactive.ts 中最核心的是 Proxy 中的 get 和 set 方法。为此我们本次需要将核心代码抽离，并且编写 effect 副作用函数和依赖收集功能，这样函数依赖
- 2024-05-16
- 3
- 0
- 0
- share
2024-02-01
Vue3 权限管理从零开始：新手指南前言这篇文章是写给刚入门 Vue 框架开发或者刚入门的同学，权限管理是基本上每一个项目都会遇到问题，你有登陆，有游客等身份，你总要不同的身份会有不同的网页访问吧。下面就实现从想法到权限管理的构建。必备条件 Vue3 项目开发语言基础了解 Vue-router 路由管理基础了解 Pina 状态管理
- 2024-02-01
- 3
- 0
- 0
- share
2023-08-22
Vue3+vite 部署到Vercel 前言 vite 项目可以直接部署到 vercel 上，不用做任何修改。但是这里会遇到一个问题，就是网站访问接口跨域。如果是普通的服务器，那么通常就是用 nginx 做反向代理。但是对于 Vercel 我们无法这么做。解决方法采用 vercel 上的配置做代理。项目安装插件 pnpm insta
- 2023-08-22
- 6
- 0
- 0
- share
2023-06-11
Vue项目中配置vuex版本问题错误踩坑记录 Uncaught TypeError: Object(...) is not a function 原本旧项目框架的问题，导致打包的内容比较大，vendor 这种文件达到了 4M，个人感觉是存在一些问题的，想着优化下，正巧同事做了新模版，打包之后整体文件也就在 2M 左右，太强了，看来 v
- 2023-06-11
- 4
- 0
- 0
- share
2023-05-28
vue3源码学习11-h方法和createVnode方法实现摘要在实际开发中，经常用到 h 方法来实现页面，常见的组件中也有 render，h 这种写法。例如 iview 的 table 中那么 h 用法也有很多的多样性。例如 h("div",{style:{color: "black"}}) h("div",h('span')) h('div', [h
- 2023-05-28
- 2
- 0
- 0
- share
2023-05-27
vue3源码学习10-runtime-dom实现摘要前面主要是 vue 的源码仿写，最主要的是 vue 的响应式，以及依赖收集。是一个简易版本，和官方源码还是有很多细微差别的，例如数组代理之后改变数组长度，会触发更新之类的。数组还会被收集长度这种依赖关系，以及数组的一些splice，push，shift，unshift，pop这些方法重写，来完
- 2023-05-27
- 4
- 0
- 0
- share
2023-05-26
vue3源码学习-9-ref的实现摘要在页面编写中，之前都是使用 reactive 来包裹对象，这样对象属性的值改变，其对应的 effect 包裹渲染动作就会被触发。并且通常有函数解构的操作，例如let people = reactive({name:"张三",age:24}); let {name,age} = people;。
- 2023-05-26
- 4
- 0
- 0
- share

1
2