组件库工程化概述 在 必不可少的UI组件——组件库开发的基础知识(Vue篇) 中，我们介绍了一些封装 Vue 组件的过程中高频使用到的框架技巧，但是，这并不足以支持我们实现完善的组件库。 建设一个成熟的组件库...

主要是基于组件库开发的场景，介绍了 Vue 组件开发的基础知识与优秀实践。 前言 很多同学随着自己前端技能的增长，不满足于常规的业务开发，开始想着做一些自己的技术积累。例如学会了 Vue...

背景 最近我的朋友去面某大厂前端岗位，被问到这么一个问题：vue 中怎么做到输入法输入拼音时不触发 @input 事件呢？ 以前还真没留意过这件事情，毕竟大部分时间用 Vue 就是单纯地用来开发项目，哪会...

在这篇文章中，我们将探讨五个实用的 Vue 技巧，这些技巧可以使你日常使用 Vue 编程更高效、更富有成效。无论你是Vue的初学者还是经验丰富的开发者，这些技巧都能帮助你编写更清晰、更简洁、更有效的代码。那么...

1.路由参数解耦 通常在组件中使用路由参数，大多数人会做以下事情。 export default { methods: { getParamsId() { return this.$route.params.id } } } 在组件中...

Vue.js 是我使用的第一个 JavaScript 框架。 我可以说 Vue.js 是我进入 JavaScript 世界的第一扇门之一。  目前，Vue.js 仍然是一个很棒的框架。 我认为有了组合 API，Vue.js 只会增长得更多。 在本文中...

本文主要分享一下在使用vue3开发项目时的一些常用功能 一、自动注册全局组件 自动注册components目录下所有vue组件并以组件的文件名为组件的名称 // components/index.ts import { type App, defineAs...

在这篇文章中，我们将探讨五个实用的 Vue 技巧，这些技巧可以使你日常使用 Vue 编程更高效、更富有成效。无论你是Vue的初学者还是经验丰富的开发者，这些技巧都能帮助你编写更清晰、更简洁、更有效的代码。那么...

保持单向数据流 大家都知道 vue 是单项数据流的，子组件不能直接修改父组件传过来的 props，但是在我们封装组件使用 v-model 时，不小心就会打破单行数据流的规则，例如下面这样： <!-- 父组件 --> ...

前言 为了更好的了解原神角色，我模仿官网做了一个角色切换效果，在做的过程当中也总结了一些技术点。 为了让大家更好的体验，我兼容了 PC 端和移动端，建议在 PC 端查看效果更佳。接下来就为大家简单的分...