我對(duì) Vue 很陌生，我的 Web 開(kāi)發(fā)技能非常有限，所以很抱歉，如果這是一個(gè)基本問(wèn)題。我只是想探索如何在瀏覽器中創(chuàng)建一個(gè)可拖動(dòng)的網(wǎng)格界面，并找到Muuri包?，F(xiàn)在，只需按照普通 JavaScript/HTML 中的示例代碼進(jìn)行操作，演示就會(huì)按預(yù)期工作。現(xiàn)在我嘗試使用Vue，我得到一個(gè)錯(cuò)誤說(shuō) - “TypeError：無(wú)法讀取空值的屬性'getRootNode'”這是我的 Vue 組件，應(yīng)該使用 Muuri。<template>  <div class="grid">    <div class="item">      <div class="item-content">        <!-- Safe zone, enter your custom markup -->        This can be anything.        <!-- Safe zone ends -->      </div>    </div>    <div class="item">      <div class="item-content">        <!-- Safe zone, enter your custom markup -->        <div class="my-custom-content">          Yippee!        </div>        <!-- Safe zone ends -->      </div>    </div>  </div></template><script>  import 'web-animations-js';  import Muuri from 'muuri';  export default {    name: 'Grid',    created() {      var grid = new Muuri('.grid', {dragEnabled:true});      console.log(grid.toString());    }  }</script><style scoped>  .grid {    position: relative;  }  .item {    display: block;    position: absolute;    width: 100px;    height: 100px;    margin: 5px;    z-index: 1;    background: #000;    color: #fff;  }  .item.muuri-item-dragging {    z-index: 3;  }  .item.muuri-item-releasing {    z-index: 2;  }  .item.muuri-item-hidden {    z-index: 0;  }  .item-content {    position: relative;    width: 100%;    height: 100%;  }</style>任何幫助或建議都非常感謝！