Frontend Tutorial
目录
Frontend Tutorial
00-环境配置
01-调试技巧
02-测试技术
03-性能优化
HTML 教程
CSS 教程
JavaScript 教程
React 教程
Vue 教程
Vue 核心技术
01-Composition核心
02-组件系统与通信
03-路由与状态管理
Angular 教程
TypeScript 教程
Frontend Tutorial
Vue 教程
查看页面源码
Vue 教程
Vue 学习内容
Vue 核心技术
🎯 学习目标
📚 核心内容
01-Composition核心
📋 学习目标
🎯 setup函数
📦 响应式核心
🔄 computed
👁️ watch与watchEffect
🔁 生命周期
🎁 Provide/Inject
🛠️ 组合式函数
📱 Props和Emits
🎯 defineExpose
📚 实践练习
📚 参考资料
02-组件系统与通信
📋 学习目标
🧩 组件注册
📤 Props 传递数据
📥 Emit 事件通信
🎰 插槽 Slots
🔄 Provide/Inject 跨层级通信
🔀 动态组件
⚡ 异步组件
🎯 组件通信总结
📝 实战示例
03-路由与状态管理
📋 学习目标
🛣️ Vue Router 基础
📍 路由配置
🛡️ 导航守卫
🔄 路由懒加载
🗄️ Pinia 状态管理
💾 状态持久化
🔐 路由权限控制
📝 实战示例
🎯 最佳实践