vue解决组件渲染延迟报错_在渲染组件之前解决您的路线的依赖性

vue解决组件渲染延迟报错

Vue解析 (Vue-resolve)

A VueJS (2.x) / Vue-router plugin that resolves dependencies for routes before entering.

一个VueJS(2.x)/ Vue-router插件，可在进入之前解决路由的依赖关系。

这是什么？ (What is this?)

A plugin that reads a meta.resolve property on your component's route and resolve it (as a promise) before serving the route.

一个插件，它在组件的路由上读取meta.resolve属性，并在服务该路由之前对其进行解析(作为承诺)。

View demo 查看演示 Download Source 下载源

安装 (Install)

Install from npm:

从npm安装：

npm install vue-resolve --save

or from yarn:

或从纱线：

yarn add vue-resolve

例 (Example)

...
import VueResolve from 'vue-resolve';

const router = new VueRouter({
    routes: [{
        path: '/',
        component: mycomp,
        meta: {
            resolve: {
                mydata() {
                    return axios.get('/api/data');
                }
            }
        }
    }]
});

Vue.use(VueResolve, {
    router,
    dataProperty: 'data',
});

new Vue({
    ...
    router,
});

Important:

重要：

For reactivity please make sure to define the data properties your route is going to populate in your component, so Vue can keep track of changes after the routes resolves. (e.g. on the mycomp component, must exist a mydata data)

对于React性，请确保定义要在组件中填充路线的数据属性，以便Vue可以在路线解析后跟踪更改。 (例如在mycomp组件上， 必须存在一个mydata数据)

翻译自: https://vuejsexamples.com/resolve-dependencies-for-your-routes-before-rendering-the-component/

vue解决组件渲染延迟报错