asp.net-core-mvc - 在ASP.NET Core MVC项目中配置Alpinejs

Question

有人可以向我解释如何在 ASP.NET Core MVC 项目中配置 alpinejs 并在我的 .cshtml 文件中使用它吗？

我已经运行了 npm install alpinejs 并且已经将其导入到我的 index.cstml 文件中

<script src="~/node_modules/alpinejs/dist/alpine.js"></script>

但是当我创建@click时遇到问题

<button class="outline-none focus:outline-none border-r border-gray-200 w-10 h-10 hover:text-indigo-500 active:bg-gray-50" 
        @click="format('bold')">
    <i class="mdi mdi-format-bold"></i>
</button>

Answer 1

@已经是asp.net中的保留符号，因此您可以使用@@click对其进行转义，或者在的Alpine中使用更长的绑定(bind)语法x-on:点击