标签
vue
相关的文章：本列表汇集了关于 Vue 组件优化、状态管理及性能提升的实用文章，帮助开发者深入理解 Vue 的核心概念与最佳实践。
上回回顾：当 morphdom 遇上 Vue在上一篇文章中，我们经历了一场 Markdown 渲染的性能优化之旅。从最原始的 v-html 全量刷新，到按块更新，最终我们请出了 morphdom 这个“终极武器”。它通过直接比对和操作真实 DOM，以最小的代价更新视图，完美解决了实时渲染中的性能瓶颈和交互状态丢失问题。然而，一个根本性问题始终存在：在 Vue 的地盘里，绕过 Vue 的虚拟...
本文探讨了在 Vue 中优化 Markdown 渲染的方法，通过将 Markdown 转换为抽象语法树（AST）并生成虚拟节点（VNode），实现高效灵活的渲染。AST 方法更符合 Vue 的设计哲学，提升了性能和可维护性，并增强了对渲染流程的控制。
需求背景在最近接手的 AI 需求中，需要实现一个类似 ChatGPT 的对话交互界面。其核心流程是：后端通过 SSE（Server-Sent Events）协议，持续地将 AI 生成的 Markdown 格式文本片段推送到前端。前端负责动态接收并拼接这些 Markdown 片段，最终将拼接完成的 Markdown 文本实时渲染并显示在用户界面上。Markdown...
本文探讨了在 Vue 中实现实时 Markdown 渲染的方案，采用 markdown-it 库和分块更新技术，解决了性能和用户状态丢失的问题。最终引入 morphdom 库以实现精准更新，提升渲染效率。下一篇将讨论更优雅的解决方案。
Vue composables are a very helpful tool when developing Vue applications. They give developers an easy way to reuse logic across our applications. In addition to allowing for “stateless” logic...
Vue的组合式API是开发应用的重要工具，支持在多个组件间重用有状态逻辑，简化代码维护，避免重复。文章提供了简单和复杂的示例，展示如何提取逻辑以提升可维护性。
—— 使用 TypeScript + jsx 编写 vue 组件的前提下 1. 使用 jsx 语法编写 vue 组件 除了 template 语法，vue 组件也是可以用 jsx 来编写的。 jsx 最初是 Facebook 为 React 开发的一种 JavaScript 扩展，因为上手容易，越来越多人使用，以至于其他 web 框架也开始支持这种 JavaScript...
使用 TypeScript 和 JSX 编写 Vue 组件时，Vue 3 提供了更好的类型支持和静态检查。通过在 setup 函数中使用 JSX，可以更优雅地管理组件状态和逻辑。虽然 slots 类型无法在组件外部静态检查，但可以通过在 props 中定义 children 属性来解决。Vue 3 的设计旨在提升开发体验，尽管仍面临一些挑战。
本文将详细介绍如何在Visual Studio中使用Vue.js创建ASP.NET Core应用，涵盖准备工作、创建项目、编写代码、调试和部署等步骤，并分享一些实用的技巧和经验。： 在“创建新的ASP.NET Core Web 应用程序”对话框中，选择“API”模板，确保“.NET Core”和“ASP.NET Core 3.1（或更高版本）”被选中。： Vue.js和ASP.NET...
本文介绍了如何在Visual Studio中使用Vue.js创建ASP.NET Core应用，包括准备工作、项目创建、代码编写、调试和部署等步骤，强调环境变量、组件化开发和调试功能的重要性，以帮助开发者掌握前后端分离的开发模式。
Building a Smart Vue 3 Cart Manager Composable 🛒 Ever found yourself writing the same cart logic over and over across different components? I recently built a Vue 3 composable that centralizes...
本文介绍了一个Vue 3的购物车管理组合函数，专注于单个商品的处理，简化了组件逻辑，避免了状态传递。该函数支持商品数量调整、添加和删除操作，符合用户习惯，易于维护和扩展。
Tables of Contents Case 1: Dyanmic CSS Class Binding to List Item Case 2: Dyanmic CSS Syyle Bindning to High Priority Checkbox Resources Github Repositories Github Pages On day 9, I will show...
本文介绍了在Vue 3、SvelteKit和Angular中如何动态绑定CSS类和样式。通过示例展示了根据购买状态和优先级应用不同CSS类，以及根据复选框状态设置字体加粗样式。各框架的实现方式略有不同，但均支持通过数组或对象绑定CSS类和样式。
Day 8 - Attribute Binding in Vue 3, Svelte 5 and Angular Table of Contents Disable the Save Item Button Conditionally Resources Github Repos Gitbub Pages On Day 8, I will demonstrate...
第8天的示例展示了Vue 3、Svelte 5和Angular中的属性绑定用法，确保输入长度小于5时保存按钮被禁用，以保证用户输入有效内容。
正在访问的资源需要验证您是否真人。
或在微信中搜索公众号“小红花技术领袖”并关注
第二步：在公众号对话中发送验证码：