<代码><；script defer SRC=“ https：//cdn.jsdelivr.net/npm/alpinejs@3/dist/CDN.min.JS ”>；<；/script>；<；DIV X-data=“ info ”>；<；span X-text=“ data ”>；<；/span>；<；/DIV>；<；DIV X-data=“ info ”>；<；span X-text=“ data ”>；<；/span>；<；/DIV>；<；脚本>；让信息={数据：“你好”}document.addEventListener（“ alpine：init ”，（）=>；{info=高山反应（info）Alpine.data（“ info ”，（）=>；信息）；});<；/脚本>；

上述代码给出以下错误：

如何解决这个问题并重用AlpineJS数据？

顺晟科技：

您可以使用<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js"></script> <div x-data="info"> <span x-text="data"></span> </div> <div x-data="info"> <span x-text="data"></span> </div> <script> let info ={ data: "hello" } document.addEventListener("alpine:init", () => { info = Alpine.reactive(info) Alpine.data("info", () => info); }); </script>访问全球阿尔卑斯山。（https：//alpinejs.dev/magics/store）

<代码><；script defer SRC=“ https：//cdn.jsdelivr.net/npm/alpinejs@3/dist/CDN.min.JS ”>；<；/script>；<；分区X-数据>；<；span X-text=“$store.info.data ”>；<；/span>；<；/DIV>；<；分区X-数据>；<；span X-text=“$store.info.data ”>；<；/span>；<；/DIV>；<；脚本>；document.addEventListener（' alpine：init '，（）=>；{Alpine.store（' info '，{数据：“你好”})})<；/脚本>；