vue.js如何在单文件组件中使用某个插件（videoJs）呢？

Question

基于vue框架，想使用某个视频插件（这里用的是西瓜视频，xgplayer）
官方介绍的使用方法：

import Player from 'xgplayer';

const player = new Player({
    id: 'vs',
    url: 'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4'
})

可是我在vue的单组件文件（test.vue）中，如何使用呢？我的文件结构是这样的，不能像官网那样使用

Answer 1

import Player from 'xgplayer';
export default {
  data() {
    return {
      player: ''
    }
  },
  created() {
    this.player = new Player({
      id: 'vs',
      url: 'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4'
    })
  }
}

Answer 2

亲，请看官方文档， 实在不会就复制粘贴吧