訾博ZiBo的博客_Vue.js原创博文

使用 VS Code 正则表达式批量替换：将 `this.xxx` 改为 `xxx.value`

在某些 JavaScript 或 TypeScript 项目中，可能会有大量使用关键字的代码。当我们需要将这些代码迁移到其他框架（例如 Vue 3 的组合式

正则表达式

Code

批量替换

原创 9天前 62 阅读

Vue3 响应式高阶用法之 `triggerRef()`

在 Vue3 中，响应式系统是其核心特性之一。shallowRef是一种轻量级的响应式引用，它只对顶层属性进行响应式追踪，而不动控制响应式更新，从而在性能和响应式追踪之间取得平衡。

vue.js

前端

javascript

响应式

使用场景

原创 1月前 52 阅读

Vue3 响应式高阶用法之 `customRef()`

在 Vue3 中，响应式系统是其核心特性之一。是 Vue3 提供的一种高级工具，允许开发者创建自定义的ref对象。这些对象可以包含

javascript

vue.js

前端

自定义

响应式

原创 1月前 42 阅读

Vue 3 响应式高阶用法之 `shallowRef()` 详解

在 Vue 3 中，响应式系统是其核心特性之一。通过响应式系统，开发者可以轻松地管理和更新应用状态。然而，对于一些特殊

vue.js

javascript

ecmascript

响应式

Vue

原创 1月前 104 阅读

Vue3响应式高阶用法之shallowReactive()

在Vue3中，响应式系统是其核心特性之一。是Vue3提供的一种高阶响应式API，它与reactive()类似，但有着显著的区别。本文将详

vue.js

前端

javascript

响应式

嵌套

原创 1月前 81 阅读

Vue3响应式高阶用法之toRaw()

toRaw是Vue3中一个非常实用的高阶用法，能够帮助我们在特定场景下绕过响应式系统，从而优化性能或与外部库更好地集成。通过

vue.js

javascript

ecmascript

响应式

性能优化

原创 1月前 164 阅读

Vue3响应式高阶用法之markRaw()

在Vue3中，响应式系统是其核心特性之一，它允许我们轻松地管理和更新应用程序的状态。然而，有时我们需要排除某些对象，使其

vue.js

javascript

前端

响应式

第三方库

原创 1月前 73 阅读

Vue3响应式高阶用法之`shallowReadonly()`

是 Vue3 提供的一个响应式 API，用于将对象的顶层属性设为只读。与readonly不同的是，只会影响对象的顶层属性，不会递归地使对象内部的属性也变为只读。是 Vue3 中一个非常

前端

vue.js

javascript

响应式

表单

原创 1月前 18 阅读

探索 Vue 3 的动态布局解决方案：Grid Layout Plus

Grid Layout Plus 以其丰富的特性和灵活的配置，为 Vue 3 开发者提供了一个强大的栅格布局解决方案。无论是构建复杂的仪

拖拽布局

Layout

栅格

缩放

原创 2月前 592 阅读

Vue3 新项目默认工程文件理解

文件是声明文件（Declaration Files），它们的作用是。vite 创建项目生成的原文件，未做任何更改！，以便 TypeScript 编译器。在 TypeScript 项目中，

vue

typescript

html

App

工程文件

原创 3月前 5 阅读

类型“{}”上不存在属性“xxx”。ts(2339)-解决方案集锦

类型“{}”上不存在属性“xxx”。ts(2339)

前端

ts

vue

解决方案

json

原创 5月前 494 阅读

CSS 实现卡片以及鼠标移入特效

首先，我们通过 Vue 的模板语法创建一个简单的卡片组件。在这里，我们使用了Element Plus的滚动条组件（el-scrollbar）来包裹我

css

计算机外设

前端

CSS

抠图

原创 5月前 342 阅读

Vue 3的 h 函数详解

Vue 3的`h`函数（`createVNode`）是前端开发中一个强大的工具，用于创建虚拟DOM节点。虚拟DOM是Vue框架中的核心概念，通过它

vue.js

前端

javascript

Vue

事件监听器

原创 10月前 4049 阅读 1点赞 1收藏

Vue toRefs：在Vue中不失去响应式的情况下解构属性

在Vue中，响应式是一种让数据变动自动更新到界面的机制。如果一个数据是响应式的，当它变化时，任何依赖于这个数据的部分都会自动更新。

vue.js

javascript

ecmascript

响应式

Vue

原创 2023-08-12 09:16:11 347 阅读

【Vue工程】011-Axios

易用、简洁且高效的http库。

vue.js

javascript

前端

ios

拦截器

原创 2023-05-20 07:53:38 64 阅读

【Vue工程】005-Vue Router

为 Vue.js 提供富有表现力、可配置的、方便的路由。

vue.js

javascript

前端

嵌套

App

原创 2023-05-13 09:16:29 65 阅读

【Vue工程】004-配置环境变量、端口、代理、打包等

以 VITE_ 为前缀定义变量修改 src/vite-env.d.ts。

vue.js

前端

javascript

配置环境变量

分包

原创 2023-05-13 09:01:38 454 阅读

【Vue工程】003-配置 husky、lint-staged、@commitlint/cli

husky 的读音为 /ˈhʌski/Hus

vue.js

git

github

json

提交代码

原创 2023-05-13 09:01:32 3115 阅读

【Vue工程】006-Pinia

Pinia 是 Vue 的专属状态管理

vue.js

javascript

前端

User

持久化

原创 2023-05-13 09:01:27 193 阅读

【Vue工程】007-Scss

Sass 是一种 CSS

vue.js

scss

前端

css

CSS

原创 2023-05-13 09:01:22 99 阅读

【Vue工程】009-Plop 代码生成器

Plop 是一个用于生成代码文件的可配

vue.js

javascript

前端

文件名

生成器

原创 2023-05-13 09:01:12 326 阅读

【Vue工程】008-Element Plus

基于 Vue 3，面向设计师和开发者的组件库。

vue.js

javascript

前端

App

css

原创 2023-05-13 09:01:07 209 阅读

【Vue工程】010-UnoCSS 即时按需原子 CSS 引擎

UnoCSS 是一个轻量级、可扩展和零配置的 CSS

vue.js

css

javascript

CSS

官网

原创 2023-05-13 09:01:03 1327 阅读

【Vue工程】002-配置 eslnt 与 prettier

ESLint 是一个静态代码分析工具,用于检查 JavaScript 代码的语法结构和查找程序错误。Prettier 是一个代码格式化工具,支持 JavaScript, TypeScript, CSS, HTML, JSON, GraphQL, Markdown 等各种语言。

vue.js

javascript

前端

typescript

配置文件

原创 2023-05-06 00:49:13 708 阅读 1收藏

【Vue工程】001-Vite 创建 Vue-TypeScript 项目

Vite 创建 Vue-Ts 项目

vue.js

typescript

javascript

Vue

sed

原创 2023-04-29 08:37:17 152 阅读

Vue3 使用 mitt 实现跨组件通信

vue.js

javascript

前端

App

数据

原创 2023-04-22 07:56:47 745 阅读

Vue Router 路由跳转传参实践

Vue Router 路由跳转传参实践。

vue.js

vue router

路由配置

数据

字符串

原创 2023-04-22 07:43:07 591 阅读

Vue 3 全局注册属性与方法

Vue 3 全局注册属性与方法。

vue

全局属性

全局方法

App

原创 2023-04-16 21:37:08 1461 阅读

Vue 3 获取 DOM

vue.js

javascript

前端

代码示例

属性值

原创 2023-04-16 10:28:02 474 阅读

Vue 3 子组件接受父组件传参数

Vue 3 子组件接受父组件传参数。

vue.js

子组件

传参

传参数

数组

原创 2023-04-16 08:51:48 323 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

13262819

使用 VS Code 正则表达式批量替换：将 `this.xxx` 改为 `xxx.value`

Vue3 响应式高阶用法之 `triggerRef()`

Vue3 响应式高阶用法之 `customRef()`

Vue 3 响应式高阶用法之 `shallowRef()` 详解

Vue3响应式高阶用法之shallowReactive()

Vue3响应式高阶用法之toRaw()

Vue3响应式高阶用法之markRaw()

Vue3响应式高阶用法之`shallowReadonly()`

探索 Vue 3 的动态布局解决方案：Grid Layout Plus

Vue3 新项目默认工程文件理解

类型“{}”上不存在属性“xxx”。ts(2339)-解决方案集锦

CSS 实现卡片以及鼠标移入特效

Vue 3的 h 函数详解

Vue toRefs：在Vue中不失去响应式的情况下解构属性

【Vue工程】011-Axios

【Vue工程】005-Vue Router

【Vue工程】004-配置环境变量、端口、代理、打包等

【Vue工程】003-配置 husky、lint-staged、@commitlint/cli

【Vue工程】006-Pinia

【Vue工程】007-Scss

【Vue工程】009-Plop 代码生成器

【Vue工程】008-Element Plus

【Vue工程】010-UnoCSS 即时按需原子 CSS 引擎

【Vue工程】002-配置 eslnt 与 prettier

【Vue工程】001-Vite 创建 Vue-TypeScript 项目

Vue3 使用 mitt 实现跨组件通信

Vue Router 路由跳转传参实践

Vue 3 全局注册属性与方法

Vue 3 获取 DOM

Vue 3 子组件接受父组件传参数