Alpine Expression Error: show没有定义

Question

alpinejs在遵循安装说明时无法工作。我按照Codechef的说明安装alpine。

我在我的blade.php中这样使用它:

<script src="{{ asset('js/alpine.js') }}"></script>
<!-- other elements ommitted for brevity -->
<div x-data=""{ show: false}>
<button @click="show = ! show">{{ __("Position")  }}</button>
<div x-show="show">
<a href="#">One</a>
<a href="#">Two</a>
<a href="#">Three</a>
</div>
</div>

我的layout.blade.php包含

<script defer src="https://unpkg.com/alpinejs@3.10.5/dist/cdn.min.js"></script>

当我打开页面时，我得到以下错误:

Alpine Expression Error: show is not defined

表达式:"show">

可能缺少什么?

Answer 1

请试试:

<div x-data="{show: false}">

<div x-data=""{show: false}>

这是不正确的)