x-data我有一個(gè) Alpine JS 模板，我想從數(shù)組中引用它。我目前在我的 HTML 文件底部的一個(gè)<script>標(biāo)記中聲明了它，我想將它移動(dòng)到一個(gè)外部文件中。如果我創(chuàng)建文件并將其與<script src='path/to/file.js'>我的組件鏈接，則會(huì)停止工作。有效的例子：<div x-data="{items}">  <template x-for="(item, index) in items" :key="index">    <a :href="item.link" x-text="item.text"></a>  </template></div><script>  const items = [    { link: 'foo.com', text: 'foo' },    { link: 'bar.com', text: 'bar' },  ]</script>不起作用的示例，其中external.js具有相同的變量賦值<div x-data="{items}">  <template x-for="(item, index) in items" :key="index">    <a :href="item.link" x-text="item.text"></a>  </template></div><script src="external.js"></script>以及 external.js 文件的內(nèi)容：import 'alpinejs'window.onload = () => {console.log('loaded') // This logs in the console  var items = [    { link: 'foo.com', text: 'foo' },    { link: 'bar.com', text: 'bar' },  ]}我不確定我做錯(cuò)了什么，幫助:(