话题框架与类库 › Vue

框架与类库:Vue

Vue 3 i18n: Building a multi-language app with locale switcher

在软件开发中,实现国际化是关键的一步,不可忽视。使用Vue 3和Vue I18n,可以轻松设置多语言支持。通过安装Vue I18n插件,配置翻译文件和设置默认语言,可以实现语言切换和懒加载。结合Vue Router,可以在URL中持久化语言代码,并根据用户偏好自动检测语言。使用这些方法,开发者能够构建一个适合多语言环境的动态应用,提升用户体验。

一键将 Word 文档转成 Vue 组件:谈谈 mammoth 的应用

在开发后台管理系统的过程中,经常有这样的需求:将 Word 文档(比如用户协议文档)转换为 HTML 页面(Vue 组件)。转换 Word 文档过程通常是枯燥的。开源社区的 mammoth.js[1] 正好提供了解压 .docx,并解析

VUE项目基于源码实现可视化编程技术的探索

在面对大型且高度组件化的项目时,传统的开发模式——即边预览边手动修改代码,往往会因项目结构的复杂性而显得效率低下。为了解决这一问题,我们构想了一种更为智能和直观的开发辅助方案。

Mastering Vue 3 Composables: A Comprehensive Style Guide

The release of Vue 3 ushered in a transformational change, moving from the Options API to the Composition API. At the heart of this transition lies the concept of "composables" — modular functions that utilize Vue's reactive features. This change has injected greater flexibility and code reusability into the framework. However, it has also birthed challenges, notably the inconsistent implementation of composables across projects, which often results in convoluted and hard-to-maintain codebases.

This style guide aims to harmonize coding practices around composables, with a focus on producing clean, maintainable, and testable code. Though composables may appear to be a new beast, they are fundamentally just functions. Hence, this guide grounds its recommendations in time-tested principles of good software design.

Whether you're just stepping into Vue 3 or are an experienced developer aiming to standardize your team's coding style, this guide serves as a comprehensive resource.

How to Build a Modal Video Component with Tailwind CSS and Vue

Learn how to build a simple modal video component using Tailwind CSS and Vue.js, and with TypeScript support.

Create a Carousel with Progress Indicators using Tailwind and Vue

Learn how to create a carousel with progress indicators using Tailwind CSS and Vue.

Vue 项目 SEO 优化的关键

Vue.js 是一个非常受欢迎的前端框架,凭借其灵活性和高效性赢得了广泛的开发者喜爱。然而,Vue 的默认渲染方式是客户端渲染(CSR),即页面内容是在浏览器加载后通过 JavaScript 渲染出来的。这种渲染方式虽然提升了交互性,但对 SEO 造成了很大的挑战。

要提升搜索引擎,先了解下搜索引擎的大致工作原理是什么。进而来寻找可以从哪些方面入手。

Three ways to expose internal Vue components API

And when to use each one of them.

【low-ui-vue】实现原生可扩展动态表格组件

该文章介绍了如何使用v-for指令生成动态列和行的表格。通过v-for="(column, index) in columns"生成列,v-for="(row, rowIndex) in data"生成行。每个单元格的内容由row[column.dataIndex]决定,通过在表头数据中添加width属性,可以简化代码和防止数据冲突。使用和标签可以提高表格的渲染性能。此外,文章还提供了一些CSS样式代码来控制表格的外观,如设置固定列和固定表头的样式。

用 vue3 + phaser 实现经典小游戏:飞机大战

本文字数:7539字预计阅读时间:30分钟

Vue Flow Quickstart and Best Practices

? Preface The immense popularity of large language models (LLMs) in 2023 looks set to...

Vue 组件通讯实践

Vue 组件通讯实践案例分析

基于VUE的前端单元测试应用(Jest、Langchain)

本文讲述在Vue项目中,如何添加单元测试,并应用上AI工具

Vue3 diff 算法解析

点击关注上方蓝字,阅读更多干货~1 前言Vue作为业界优秀的开源框架,同时也是业内广泛采用的技术方案,其源码

实现vue3响应式系统核心-MVP 模型

实现vue3响应式系统核心-MVP 模型简介2023 年 12 月 31 日,vue2 已经停止维护了。

Vue项目构建优化

本文将对如何优化项目构建速度进行详细介绍。

trang chủ - Wiki
Copyright © 2011-2025 iteam. Current version is 2.142.0. UTC+08:00, 2025-02-19 06:36
浙ICP备14020137号-1 $bản đồ khách truy cập$