Question

那边是Hy。给定webtorrent.io我想建立一个VueJS组件，显示加载磁铁文件，状态以及下载完成时触发玩家。

Vuex商店是保留活动下载队列和数据流列表的好地方吗？

webtorrent可以做到的一切。

var WebTorrent = require('webtorrent')

var client = new WebTorrent()

var magnetURI = 'magnet: ...'

client.add(magnetURI, { path: '/path/to/folder' }, function (torrent) {
  torrent.on('done', function () {
    console.log('torrent download finished')
  })
})

我如何使用VueJS构建该架构/模式？任何见解，apreciated

谢谢！

Answer 1

我会回答因为我找到了解决方案。然后，如果社区希望删除它，那就可以了。

基本上我所做的就是等待安装一个Component。

在AComponent.Vue内部

<template>
  <keep-alive>
     <!-- HTML binding webtorrent client data -->
  </keep-alive>
</template>

<script>
  export default {
    mounted() {
      var client = WebTorrent()
    }
  }
</script>

为什么这会实现我想要的？：

保持活着保持DOM的那些部分活着，当我渲染另一个模板并回到这个模块时（好像下载队列在一个小部件，模态或另一个需要保持活动的视图中）。
已安装，它是组件生命周期钩子（https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram）的一部分，并且一旦DOM被人工化，窗口存在（WebTorrent需要），并且组件已经被渲染，就会发生。

如何构建WebTorrent VueJS组件？

1 个答案: