PHP 将数据从 Laravel 传送到 vue 的四种方式

本文探讨了在Laravel与Vue结合的项目中,如何传递数据的四种方法:1) 直接回显到数据对象或组件属性;2) 通过全局窗口注入属性;3) 使用Laravel的web中间件和CSRF令牌配合API;4) 使用JWT认证的API调用。每种方法都有其优缺点,适用于不同场景。
摘要由CSDN通过智能技术生成

       在过去的两三年里,我一直在研究同时使用 Vue 和 Laravel 的项目,在每个项目开发的开始阶段,我必须问自己 “我将如何将数据从 Laravel 传递到 Vue ?”。这适用于 Vue 前端组件与Blade模板紧密耦合的两个应用程序,以及运行完全独立于 Laravel 后端的单页应用程序。

这里有四种不同的方法从一个到另一个获取数据。

直接回显到数据对象或组件属性中

  • 赞成: 简单明了
  • 反对: 必须与嵌入到Blade模板中的Vue应用程序一起使用

可以说是将数据从 Laravel 应用程序移动到 Vue 前端的最简单方法。使用上面的任何一种方法,您都可以将 JSON 编码的数据回送给您的应用程序或其组件。

然而,最大的缺点是可扩展性。您的 JavaScript 需要直接暴露在模板文件中,以便引擎可以呈现您的数据。如果您使用 Vue 向 Laravel 站点的页面或区域添加一些基本的交互,这应该不是问题,但是您很容易就会遇到将数据强制放入压缩脚本的困难。

对于 Laravel 5.5+ 使用 json 指令:

使用自定义组件和 Laravel 自身的 json blade指令可以让

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值