This article walks through building a browser‑based Duck Hunt‑style shooting game using Vue 3 for the UI framework, PixiJS as the rendering engine, and supporting tools such as Vite, SCSS, mitt, and GSAP to handle asset loading, scene management, animations, hit detection, and responsive scaling.
This article provides a comprehensive overview of Vue 3—including its release details, performance gains, core architectural changes such as Proxy‑based reactivity, TypeScript support, the new Composition API (setup, ref, reactive, computed, watch, watchEffect), updated lifecycle hooks, new built‑in components like Fragment, Teleport and Suspense, project scaffolding with Vue‑CLI or Vite, and migration considerations from Vue 2.
This article details the end‑to‑end development of a Sketch plugin—covering background motivations, toolchain setup with Skpm, Vue3, and webview, project architecture, build scripts, communication between webview and plugin, resource handling, drag‑and‑drop, data caching, and design‑validation features—providing practical solutions to common challenges.
HasChat is a free open‑source web chat application created by howcode that showcases a complete communication system using a modern front‑end stack (Vue3, Vite, TypeScript, Naive UI, Socket.io) and an Express.js back‑end, offering login, history, rich‑text, and image messaging features for beginners.
This tutorial walks through setting up a modern Vue 3 development environment using Vite, TypeScript, ESLint, Stylelint, Pinia, Vue‑Router, Naive UI, ECharts, and Axios, covering Node.js installation, project scaffolding, configuration files, code standards, git hooks, and integration steps for each library.
The PhpStorm 2022.1 Early Access Program release adds full multi‑line and nested array shape support in PHPDoc and attributes, introduces numeric‑keyed and class‑object array shapes, and brings extensive Vue 3 and Nuxt 3 improvements to the IDE.
This article provides a comprehensive guide to Vue 3, covering its performance improvements, tree‑shaking support, Composition API, new global APIs, lifecycle changes, reactive system enhancements, and practical code examples to help developers migrate from Vue 2 to Vue 3 efficiently.
Taro v3.4 introduces official Preact support, expanded Vue 3.2 capabilities, extensive H5 performance and routing improvements, new defineAppConfig/definePageConfig macros, a list of bug fixes and breaking changes, plus a step‑by‑step upgrade guide for developers.
This article walks through building a Vue 3‑style reactivity system from scratch, covering effect functions, dependency collection with Set/Map/WeakMap, automatic tracking via Proxy, and the implementation of reactive and ref utilities, all illustrated with complete JavaScript code examples.
This article describes how a BCRM sales‑assistant front‑end was built in ten working days by parallelising development, adopting Vue 3, Vite and the NutUI3 component library, and applying performance tricks such as static‑hoisting, Promise.all, async/await optimisation and Vuex‑Map caching to achieve a fast, maintainable product.
This article introduces a pure‑frontend avatar generator built with Vite and Vue 3, showcases its rich customization options, demonstrates how to run the project locally, and highlights its usefulness for learning Vue 3 and creating unique vector avatars.
This article explains how to use the GoGoCode AST‑based tool to automate the migration of large Vue 2 codebases to Vue 3, covering installation, command‑line usage, sample transformation rules, supported API changes, and where to find documentation and source code.
This article explores common Vue3 questions—whether to adopt the Composition API, performance impacts of mixing APIs, the absence of this in setup, differences between reactive and ref, and migration pitfalls—providing practical guidance and code examples for developers transitioning from Vue2.
This article details a real‑world project that used Taro, Vue 3, and NutUI 3 to build a cross‑platform e‑commerce solution supporting web, H5, and various mini‑programs, covering background analysis, technology comparison, implementation details, performance testing, theme customization, routing challenges, and optimization lessons learned.
This article provides a comprehensive walkthrough of Vue 3's reactivity system, covering the architecture diagram, prerequisite concepts like Proxy, Reflect, and WeakMap, and detailed source code explanations for reactive, readonly, ref, effect, and computed implementations, plus further reading links.
This article explains why studying Vue 3 source code is valuable, outlines potential pitfalls, details Vue 3’s design motivations, compares old and new features, answers common questions, and provides step‑by‑step debugging instructions with code examples.
This article explains how to use the GoGoCode AST‑based tool to automatically convert Vue 2 projects to Vue 3 by following the official migration guide, installing the CLI, running conversion commands, and applying a comprehensive set of transformation rules covering common break‑changes.
This article walks through preparing a Vue 3 + TypeScript project, explains the concept of setup sugar and its benefits, demonstrates the new compiler‑macro APIs such as defineProps, defineEmits and defineExpose, introduces useful hook APIs, covers Vue 3.2 additions like v‑memo and style‑variable binding, and provides tips for i18n, debugging and common pitfalls.
This article details the development of a JD enterprise after‑sales SaaS portal using Vue 3, NutUI 3.0, Vite, TypeScript and Taro, covering project background, cross‑domain login handling, customizable themes, component migrations, state management with Vuex 4, routing, and decorator‑based loading solutions.
This article explains what Vue directives are, how to register them globally or locally, details the Vue 3 directive lifecycle hooks, and provides step‑by‑step code examples for building custom directives such as copy, click‑outside, focus, and debounce to enhance frontend functionality.
This article introduces NutUI 3.0’s multi‑end capabilities, explains how it integrates with Taro to enable Vue 3 developers to write a single codebase for H5 and various mini‑program platforms, and provides step‑by‑step installation and usage examples.
This article explains Vue’s reactive system, compares Vue 2.6’s Object.defineProperty approach with Vue 3’s Proxy implementation, details how observers are defined, collected, and triggered, and shows why the asynchronous update queue improves performance and maintainability.
This article presents a comprehensive overview of JSX support in Vue 3, covering its origins, differences from template syntax, migration details, practical usage scenarios, handling of props and slots, performance considerations, and the underlying compilation mechanisms such as PatchFlags and SlotFlags.
This article presents a comprehensive overview of using JSX in Vue 3, covering its basic concepts, why Vue supports JSX, the changes introduced in Vue 3, practical scenarios, implementation details, and performance comparisons with the traditional template syntax.
This article examines the Element‑Plus Vue3 component library, detailing its TypeScript refactor, Composition API usage, Teleport implementation, global‑instance API changes, internationalization support, and the multi‑tool build pipeline involving Rollup, Webpack, and Gulp.
This guide explains why clipboard.js is a lightweight, dependency‑free solution for copying and cutting text, shows how to install it via npm or CDN, demonstrates configuration and various usage patterns—including data attributes, event handling, advanced options, and a Vue 3 integration—while also covering browser support.
This article explains how Vite, built for Vue 3, solves Webpack's slow cold starts, sluggish hot updates, and heavy bundling by leveraging native ES Modules, a lightweight Koa server, and on‑demand compilation, while also comparing Vite with Snowpack.
This article explains how Vue 3’s reactivity system works—covering the creation of reactive proxies, the role of Ref, the mechanics of computed properties, and the behavior of watch and watchEffect APIs—while illustrating common pitfalls and optimization techniques with code examples and diagrams.
This article walks through Vue 3's initialization process, explaining what createApp(App).mount('#app') does, how the runtime‑dom and runtime‑core modules create and render VNodes, and how patch, shapeFlags, and patchFlags drive efficient DOM updates.
This guide walks through using Vue3’s Composition API, Teleport, Fragments, script‑setup, and style‑vars within Taro, covering installation, project setup, code examples for each feature, build commands, and compatibility notes for both H5 and mini‑program targets.
This article walks through constructing a simple mini‑program framework with two threads, outlines the step‑by‑step rendering process, shares curated updates from Microsoft’s tech forum and Vue 3 beta releases, and examines Bit.dev’s component‑centric workflow for building reusable front‑end modules.
Vue 3 introduces substantial performance gains, a smaller bundle size, tree‑shakable global APIs, a proxy‑based reactivity system, and experimental time‑slicing features, all of which make modern, mobile‑first web development faster and more efficient.
