用途:该技能为使用 Vue.js 构建现代应用提供指导,覆盖 Composition API、响应式系统、单文件组件、模板指令与生命周期钩子,内容基于 Vue.js 官方文档。
主要能力:讲解 ref() 与 reactive() 的响应式状态、computed 计算属性(含可写计算属性)、watch 与 watchEffect 侦听器;Composition API 的 script setup 写法与 setup() 详细写法;单文件组件(.vue)中模板、脚本与样式的组合;模板语法与指令,包括 v-bind、v-on、v-model、v-if/v-else-if/v-else、v-show、v-for;生命周期钩子 onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted、onErrorCaptured、onActivated、onDeactivated;组件通信中的 props 与 emits。
使用方式:资料给出各概念对应的代码示例,例如从 vue 导入 ref、reactive、computed、watch、watchEffect 及生命周期钩子,在 script setup 中定义 props、emits、状态与方法,并在模板中使用指令绑定。资料未提供安装命令或项目初始化步骤。
适用场景:构建单页应用(SPA)、渐进式 Web 应用(PWA)、响应式交互界面、组件化架构、表单与数据获取、状态管理、可复用 UI 组件与库、从 Options API 迁移到 Composition API、性能优化、可访问与可维护的 Web 应用,以及结合 TypeScript 的类型安全开发。
限制:资料未说明收费、价格、平台支持范围或具体效果;未提供安装与运行命令;部分内容(如组件通信的 props 部分)在资料中未完整展开。