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

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

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