指南
基础概要
- 安装
- 介绍
- Vue 实例
- 模板语法
- computed 属性和 watcher
- class 和 style 绑定
- 根据条件进行渲染
- 列表渲染
- 事件处理
- 表单 input 绑定
- 组件基础
过渡 & 动画
- 进入、离开和列表的过渡
深入组件
- 组件注册
- props
- 自定义事件
- slot
- 动态组件和异步组件
- Handling Edge Cases
- 状态间的过渡
可重用 & 合成
- mixin
- 自定义指令
- render 函数 & jsx
- 插件
- 过滤器
工具
- 生产环境部署
- 单文件组件
- 单元测试
- TypeScript 支持
扩展升级
- 路由
- 状态管理
- 服务端渲染
内部原理
- 深入响应式原理
升级迁移
- 从 Vue 1.x 迁移
- 从 Vue Router 0.7.x 迁移
- 从 Vuex 0.6.x 迁移到 1.0
其他更多
- 对比其他框架
- 加入 Vue.js 社区
- 认识团队
路由
官方路由
对于大多数单页面应用程序,推荐使用官方支持的 vue-router 库。更多细节请查看 vue-router 的文档。
从零开始基本路由
如果你只是需要非常基本的路由,而不希望涉及到功能全面路由库,那么你可以通过如下方式动态渲染页面级别组件:
const NotFound = { template: '<p>Page not found</p>' } |
结合 HTML5 History API,可以构建出一个非常基本但功能全面的客户端路由器(client-side router)。想要了解实际效果,请查看示例应用程序。
集成第三方路由
如果有个人非常喜欢的第三方路由,如 Page.js 或 Director,与 Vue 集成也同样轻松。这里有一个使用 Page.js 的完整示例。
← TypeScript 支持
状态管理 →
发现错误?想参与编辑?
在 GitHub 上编辑此页!