vue2使用 Hls.js

要在Vue.js 2中使用Hls.js，你需要先装Hls.js库。你可以通过npm安它:

npm install hls.js --save

然后，在你的Vue组件中，你可以使用import语句导入Hls.js库:

import Hls from 'hls.js';

接下来，你可以在Vue组件的`mounted`生命周期钩子中初始化Hls对象，并加载视频流:

mounted() {
  if (Hls.isSupported()) {
    const video = this.$refs.video; // 获取video标签的引用
    const hls = new Hls();
    hls.loadSource('your-video-url.m3u8'); // 替换成你的视频流URL
    hls.attachMedia(video);
  }
},

在这个例子中，我们假设你有一个video标签，并使用`$refs`引用它。你需要将`your-video-url.m3u8`替换为你的视频流的URL。

这样，你就可以在Vue.js 2中使用Hls.js来播放HLS视频流了。记得在组件销毁时，调用`hls.destroy()`来清理资源。