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，我希望在导入的router.js文件中调用Vue.use(VueRouter)。