vue-cli3.0入门,简易环境变量配置,以及对localStorage的使用

本文介绍如何使用Vue CLI 3.0配置环境变量以适应不同的部署环境,同时讲解利用LocalStorage进行数据持久化的实现方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、vue-cli3.0可以修改环境变量,用于生产开发模式的适配。
先创建.env.xxx(具体xxx类别见vue文档)环境变量文件,并以VUE_APP_开头写入配置参数。
在这里插入图片描述
重新启动服务,在组件中以process.env开头就直接可以引入
在这里插入图片描述

2、VUE 运用 localstorage
先安装 storage类库
在这里插入图片描述
该库最大的好处,可以改变传入对象的格式,变成json进行存储,方便查看。
读取时又会自动装换成json,继续调用。
再utils(工具包文件夹)中创建localStorage.js写入,存,读,删,操作代码(很简单)
在这里插入图片描述
在需要的组件中引入在这里插入图片描述
调用方法
在这里插入图片描述
查看application中的localStorage
在这里插入图片描述
已成功写入。
在这里插入图片描述
读取操作也一样

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值