随笔分类 - Vue
摘要：在 JavaScript 中，对象解构赋值（Object Destructuring Assignment）是一种快速提取对象属性并赋值的语法，以下是详细的用法说明和示例： 一、基础用法 // 定义对象 const user = { name: 'Alice', age: 25, email: 'a
阅读全文
摘要：如图所示,tabStore.tabList.push方法报错 这个错误是因为 tabStore中的tabList在使用时变成了 Proxy 对象且失去了数组方法。我们需要修改 store 的定义方式，确保 tabList 始终是一个数组。让我们修改 tabStore: import { define
阅读全文
摘要：在 Vue 中使用传统的 JavaScript（非 TypeScript）同样可以基于依赖倒置原则（Dependency Inversion Principle, DIP）处理业务逻辑。虽然没有 TypeScript 的接口类型检查，但可以通过 约定式抽象 和 依赖注入 实现解耦。以下是具体实现方法
阅读全文
摘要：在当今的 Web 开发中，JavaScript 不仅是一种优势，更是必不可少的工具。它不断带来新功能、新术语和新概念，使 Web 应用程序更加互动、高效和用户友好。无论你是刚刚踏上 Web 开发之路，还是想提升自己的技能，掌握 JavaScript 的基本术语都是至关重要的。 在这篇综合指南中，我们
阅读全文
摘要：背景简介 我们日常开发中，经常会遇到点击一个「按钮」或者进行「搜索」时，请求接口的需求。 如果我们不做优化，连续点击「按钮」或者进行「搜索」，接口会重复请求。 ❝ 首先，这会导致性能浪费！最重要的，如果接口响应比较慢，此时，我们在做其他操作会有一系列bug！ ❞ 那么，我们该如何规避这种问题呢？ 如
阅读全文
摘要：ehcarts快速上手网址:https://echarts.apache.org/handbook/zh/get-started/ echarts示例网址:https://echarts.apache.org/examples/zh/index.html 项目目录文件结构: plugins文件夹下的
阅读全文
摘要：computed() 会自动从其计算函数的返回值上推导出类型 <template> <h3>{{ doubleCount }}</h3> </template> <script setup lang="ts"> import { ref,computed } from "vue" const cou
阅读全文
摘要：你可以在组件中使用 this.$store.commit('xxx') 提交 mutation，或者使用 mapMutations 辅助函数将组件中的 methods 映射为 store.commit 调用（需要在根节点注入 store） 辅助函数只能在选项式API中使用 <template> <h
阅读全文
摘要：Vuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 ”而存在。这也意味着，每个应用将仅仅包含一个 store 实例 在 Vue 组件中获得 Vuex 状态 import { createStore } from 'vuex' const store = cr
阅读全文
摘要：“透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id 当一个组件以单个元素为根作渲染时，透传的 attribute 会自动被添加到根元素上 A组件：
阅读全文
浙公网安备 33010602011771号