Skip to content

Vue.js

基础知识

  • Vue.js简介:框架的核心概念和优势。
  • Vue实例:创建和配置。
  • Vue生命周期:理解不同生命周期钩子的作用。

模板语法

  • 插值:文本、HTML、属性。
  • 指令:v-bindv-modelv-ifv-forv-onv-show等。

数据绑定和计算属性

  • 响应式数据绑定:双向数据绑定和单向数据流。
  • 计算属性:用于处理复杂逻辑。
  • 观察者(Watchers):响应数据变化的更细粒度控制。

组件

  • 组件定义和注册。
  • 组件间通信:props、事件。
  • 插槽(Slots):内容分发。

路由

  • Vue Router:配置和使用。
  • 路由导航:编程式导航和声明式导航。
  • 路由守卫:导航守卫。

状态管理

  • Vuex:状态管理模式和库。
  • Vuex核心概念:state、getters、mutations、actions、modules。

高级主题

  • 混入(Mixins):复用功能。
  • 自定义指令。
  • 过滤器。
  • 服务端渲染(SSR)。

工具和生态系统

  • Vue CLI:脚手架工具。
  • 单文件组件(.vue文件)。
  • 测试:单元测试和端到端测试。
  • Nuxt.js:构建服务端渲染应用。

最佳实践

  • 组件设计模式。
  • 性能优化。
  • 代码风格和结构。

资源