vue会话存储的形式传递值

本地存储,对应localStorage对象。用于长期保存网站的数据,并且站内任何页面都可以访问该数据。

会话存储,对应 sessionStorage对象。用于临时保存针对一个窗口(或标签页)的数据。在访客关闭窗口或者标签页之前,这些数据是存在的,而关闭之后就会被浏览器删除。

总之 简单的数据使用会话存储,页面关闭就丢失数据

 JSON.stringify先将对象转换为字符串

JSON.parse将JSON格式字符串转换为js对象

我们需要将左侧的数据传递到右侧的页面

 在左侧需要sessionStorage.setItem("名",JSON.stringify(传递的值))

右侧接收JSON.parse(sessionStorage.getItem('名'));

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue和Laravel是两个独立的技术,但它们可以很好地结合在一起,共同用于构建现代化的Web应用程序。 Vue是一个用于构建用户界面的渐进式JavaScript框架。它可以与任何后端技术结合使用,包括Laravel。Vue具有简洁明了的语法和丰富的功能,使得开发人员可以轻松构建交互性强、响应迅速的Web应用程序。 Laravel是一个流行的PHP Web应用程序框架,它提供了一种优雅且表达力强的方式来构建Web应用程序。Laravel具有丰富的功能集,包括数据库查询构建器、路由、缓存、认证等。它还提供了许多开箱即用的功能,如用户身份验证、会话管理和表单验证。 在使用Vue和Laravel构建应用程序时,你可以利用Vue的组件化架构来构建前端界面,同时使用Laravel处理后端逻辑和数据存储。你可以在Laravel中使用Vue组件,将它们嵌入到Blade模板中,并使用Laravel的路由系统来管理前端页面的导航。 为了结合Vue和Laravel,你需要按照以下步骤进行操作: 1. 在Laravel项目中安装Vue.js: - 在终端中导航到Laravel项目的根目录。 - 运行命令`npm install`,以安装项目所需的Node.js依赖项。 2. 创建Vue组件: - 在Laravel项目的资源目录中创建一个新的Vue组件,例如`resources/assets/js/components`。 - 编写Vue组件的代码,定义其模板、脚本和样式。 - 在Vue组件中导出组件的定义,以便在其他地方使用。 3. 配置Vue路由: - 在Laravel项目的资源目录中创建一个路由管理器文件,例如`resources/assets/js/route.js`。 - 在路由管理器文件中定义前端页面的路由配置,包括路径和对应的Vue组件。 - 导出路由配置,以便在其他地方使用。 4. 在Laravel项目中加载Vue和路由: - 在Laravel的入口文件(通常是`resources/assets/js/app.js`)中引入VueVue路由。 - 使用Vue的`Vue.use()`方法来安装Vue路由插件。 - 导入之前创建的路由配置文件,并在Vue实例化之前将其传递Vue路由的构造函数。 - 实例化Vue,并将Vue路由实例作为选项之一传递Vue实例。 5. 编译和运行应用程序: - 使用Laravel Mix(webpack的封装工具)来编译和打包前端资源。 - 运行`npm run dev`命令,以在开发模式下编译和打包前端资源。 - 运行`php artisan serve`命令,以启动Laravel开发服务器。 - 在浏览器中访问`http://localhost:8000`,即可看到Vue和Laravel结合的应用程序。 通过以上步骤,你就可以将Vue和Laravel结合使用,构建出一个功能强大、响应迅速的Web应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值