升级路径

运行 迁移路径 找到 activate 钩子的示例。

canActivate 替换

使用beforeEnter 在路由中作为替代。

升级路径

运行 迁移路径 找到 canActivate 钩子的示例。

升级路径

运行 迁移路径 找到 deactivate 钩子的示例。

canDeactivate 替换

在组件中使用beforeRouteLeave 作为替代。

升级路径

运行 迁移路径 找到 canDeactivate 钩子的示例。

升级路径

运行 迁移助手 找到 canReuse: false 选项的示例。

data 替换

$route属性是响应式的，所以你可以就使用一个 watcher 去响应路由的改变，就像这样：

升级路径

运行 找到 data 钩子的示例。

  return {
    posts: [],
    isLoading: false,
    fetchError: null
  }
},
watch: {
  '$route': function () {
    var self = this
    self.isLoading = true
    self.fetchData().then(function () {
      self.isLoading = false
},
methods: {
  fetchData: function () {
    var self = this
    return axios.get('/api/posts')
      .then(function (response) {
        self.posts = response.data.posts
      })
      .catch(function (error) {
        self.fetchError = error
      })
}