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

Question

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

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

VS

Vue.use(VueRouter);

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

Answer 1

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

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

如果您对第一个示例的工作原理感到困惑，即使您尚未注册VueRouter，我也希望在导入的Vue.use(VueRouter)文件中调用router.js。