VueJS听取自定义事件？

Question

而我正在试图弄清楚如何让Vue听取自定义事件（拖放）。例如，我需要运行此事件：

pckry.on( 'layoutComplete', function( ) {
  pckry.layout();
});

Packery lib events http://packery.metafizzy.co/events.html

我的代码在那里：http://codepen.io/Monocle/pen/ZbeBGL

以及如何根据DOM中的更改（重新排序元素后）更新$ data？

Answer 1

如果你有一个元素的引用。只需添加一个事件监听器：

pckry.addEventListener('layoutComplete', (ev)=> {
        console.log('event~!');
      }, true);

你可以在这里查看这个自定义事件的东西https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener