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

Question

我使用的是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>

但它仍然不起作用。非常感谢。

Answer 1

你可以把它导入到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>

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