有两种方法-
1.全局导入main.js文件中的组件，并在任何页面上自由使用，即-

import Vue from "vue";  
    import Player from "@/components/Player.vue";  
    Vue.component("AppButton", AppButton);

1.在mixins目录中创建一个名为playerMixin.js的mixin。
在该mixin中导入Player组件，并在所有页面中导入该mixin。
mixin代码应该如下所示-

播放器Mixin.js

import Player from "@/components/Player.vue";

export const playerMixin = {
  data() {
    // any data properties related to player functionalities 
  },

  components: {
    Player,
  },

  methods: {
    // any methods related to player functionalities
  }
}

现在，你可以在任何页面上使用这个mixin，就像这样-

任何页面.版本

import { playerMixin} from "@/mixins/playerMixin.js";

export default {
  name: "AnyPage",
  mixins: [playerMixin],
}

使用mixin的主要好处是，不仅组件将被导入一次，而且播放器的通用功能也是相同的，这对于每个页面都是一样的，比如传递道具，以及播放、暂停等方法都可以被写入一次，并且可以被任何页面使用。
要了解有关mixin的更多信息，请访问read this。