时间戳

首页 > 解决方案 > 仅在单个 SFC 文件中使用 vue-youtube

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

问题描述

我正在使用这个包，在文档中它说我们必须将它导入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>

但它仍然不起作用。太感谢了。

标签： vue.js

解决方案

你可能可以将它导入，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>

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

推荐阅读