在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 中使用更长的绑定语法x-on:click