通过vite使用Alpinejs

简单描述一下在laravel中通过vite引入并使用Alpinejs的步骤

  • 安装
    npm install alpinejs
  • app.js 中
    import  Alpine  from  "alpinejs";
    window.Alpine  =  Alpine; // 可选
    Alpine.start();  // 必须 如果没有这个则不会触发alpine:init事件,下方的代码就不会执行
  • blade中就是正常的使用了
    <div x-data="start()" x-html="message"></div>
    <script>
      document.addEventListener("alpine:init", () => {
          Alpine.data("start", () => ({
              message:"hello world"
          }));
      })
    </script>
    主要注意点就是app.jsAlpine.start()的主动调用
本作品采用《CC 协议》,转载必须注明作者和本文链接
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!