vue路由跳转不提前赋值

你可以使用 Vue Router 提供的钩子函数来实现在跳转之前进行赋值操作。具体来说，你可以使用 `beforeRouteEnter` 钩子函数来在路由组件进入前执行一些逻辑。

在你的路由配置中，可以像这样定义 `beforeRouteEnter` 钩子函数：

const routes = [
  {
    path: '/example',
    component: ExampleComponent,
    beforeRouteEnter(to, from, next) {
      // 在跳转前执行你的赋值操作
      // 例如，你可以通过后端请求获取数据，并将数据赋值给组件的属性
      fetchData().then(data => {
        // 将数据作为参数传递给 next()，以便在组件实例化后访问
        next(vm => {
          vm.data = data;
        });
      });
    }
  }
];

在上面的例子中，我们通过 `fetchData()` 异步获取数据，并在组件实例化后将数据赋值给 `data` 属性。注意，我们需要将数据作为参数传递给 `next()` 函数，这样在组件实例化后才能访问到数据。

这样，当用户访问 `/example` 路径时，会先执行 `beforeRouteEnter` 钩子函数中的逻辑，然后再加载组件并传递数据给组件。

希望能帮助到你！如果有任何进一步的问题，请随时提问。