仅在单个 SFC 文件中使用 vue-youtube

问题描述

我正在使用 this package 并且在文档中说我们必须将它导入 main.js

import VueYoutube from 'vue-youtube'
Vue.use(VueYoutube)

如何仅在某些 Vue 文件中导入？这样我的项目就不必在某些页面中未使用此包时导入此包。我试过了

<template>
   <youtube :video-id="videoId" ref="youtube"></youtube>
</template>

<script>
import { YouTube } from 'vue-youtube'
export default {
  components: { YouTube }
}
</script>

或

<template>
   <youtube :video-id="videoId" ref="youtube"></youtube>
</template>

<script>
import { YouTube } from 'VueYoutube'
export default {
  components: { YouTube }
}
</script>

但是还是不行。非常感谢。

解决方法

你可能可以在 main.js 中导入它，它会在某个时候被 Webpack 摇树。

但是如果你只想在单个文件中使用它，你可以按照这个 github 线程答案：https://github.com/anteriovieira/vue-youtube/issues/33#issuecomment-547745879

<template>
   <youtube :video-id="videoId" ref="youtube"></youtube>
</template>

<script>
import { Youtube } from 'vue-youtube'

export default {
  components: {
    Youtube,}
}
</script>

然后它应该可以正常工作！