我正在查看 Laravel Breeze 的实现，看看他们是如何构建前端的。我理解刀片文件中的所有内容，除了一些我不理解语法的东西。
在 navigation.blade.php 中，您可以找到以下内容：
<button @click="open = !open" class...>
<div :class="{'block':open, 'hidden': ! open}"
至于第一个，我不确定 @click 是否是刀片指令。似乎不是，但我不明白@ 符号的目的，我也不知道是什么open = ! open意思。是开变量吗？它有点类似于“不等于”运算符，但我也不认为是这样。
至于第二个，我不知道它是如何工作的。这些是键/值吗？它们是否被传递到其他组件？我知道冒号表示法可用于传递非硬编码数据，但我不确定等号之后发生了什么。