Vue.js知识体系 核心概念 状态管理 路由管理 高级特性 项目实战优化 生态系统 Vue实例 创建实例:new Vue({...}) 响应式限制:初始化属性/冻结数据 实例属性:$data/$props/$el 模板语法 插值指令:{{}}/v-text/v-html 核心指令:v-bind/v-model/v-for 条件渲染:v-if/v-show 组件化开发 组件通信:props/$emit 插槽类型:默认/具名/作用域 动态组件: Vuex结构 State:状态存储 Mutations:同步修改 Actions:异步操作 Modules:模块拆分 路由模式 Hash模式 History模式 导航守卫 全局守卫 路由独享守卫 组件内守卫 响应式原理 Vue2: Object.defineProperty Vue3: Proxy 自定义扩展 自定义指令 混入Mixins 过滤器Filters 性能优化 代码优化:v-if/key/懒加载 构建优化:Tree Shaking 代码规范 ESLint代码检查 Prettier格式化 开发工具 Vue CLI/Vite Vue DevTools UI框架 Element UI/Ant Design Vant移动端