Vue.use 和使用 VueRouter 导入构造函数之间的区别

Question

导入VueRouter时这两个选项有什么区别？

import router from './router'
const app = new Vue({
    el: '#app',
    router,
});

对

Vue.use(VueRouter);

我明白Vue.use安装了一个插件，将它传递给我的Vue实例构造函数时是否有必要？

Answer 1

您的第一个示例是将 router 定义对象传递给 Vue 实例。您的第二个示例是注册 VueRouter 插件。

在传递 router 对象之前，需要通过 Vue.use(VueRouter) 将 VueRouter 插件注册到 Vue。

如果您对第一个示例为何有效感到困惑，即使您尚未注册 VueRouter，我希望 Vue.use(VueRouter) 在 router.js 文件中被调用进口。

Difference between Vue.use and constructor import with VueRouter