# `activate(transition) [-> Promise]`
在激活阶段,当组件被创建而且将要切换进入的时候被调用。
### 参数
- [`transition {Transition}`](hooks.md#transition-object)
调用 `transition.next()` 可以断定( resolve )这个钩子函数。注意,这里调用 `transition.abort()` 并不会把应用回退到前一个路由状态因为此时切换已经被确认合法了。
### 预期返回值
- 可选择性返回 Promise。
- `resolve` -> `transition.next()`
- `reject(reason)` -> `transition.abort(reason)`
### 详情
多数时候,这个函数用于控制视图转换的时机,因为视图切换会在这个函数被断定( resolved )之后开始。
这个钩子会从上至下进行调用。子组件视图的 `activate` 只会在父级组件视图 `activate` 被断定( resolved )之后执行。
- vue
- 官方教程
- 起步
- 安装
- 概述
- Vue 实例
- Class 与 Style 绑定
- 数据绑定语法
- 条件渲染
- 列表渲染
- 表单控件绑定
- 组件
- 计算属性
- 自定义指令
- 自定义过滤器
- 方法与事件处理器
- 混合
- 插件
- 过渡
- 深入响应式原理
- 对比其它框架
- 构建大型应用
- API
- vue-router
- 安装
- 基本用法
- 嵌套路由
- 路由对象和路由匹配
- 具名路径
- 路由配置项
- router-view
- v-link
- 切换控制流水线
- 切换钩子函数
- data
- activate
- deactivate
- canActivate
- canDeactivate
- canReuse
- API
- 路由实例属性
- router.start
- router.stop
- router.map
- router.on
- router.go
- router.replace
- router.redirect
- router.alias
- router.beforeEach
- router.afterEach
- 文章
- VUE.JS: A (RE)INTRODUCTION
- 源码
- 表单控件绑定