侧边栏壁纸
  • 累计撰写 59 篇文章
  • 累计创建 0 个标签
  • 累计收到 16 条评论

vue设置全局变量

小熊博客
2021-05-10 / 0 评论 / 0 点赞 / 445 阅读 / 475 字
温馨提示:
本文最后更新于 2021-05-10,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

1.使用本地存储全局变量

本地存储分两种 localStorage 和 sessionStorage

  1. localStorage:一直存在于浏览器中,除非用户手动清除
  2. sessionStorage:在当前会话下有效,关闭页面和浏览器清除后失效

二者使用方式相同

.setItem('key','value');//存
.getItem('key');//取
.removeItem('key');  //删
.clear();  ​//全部清除

2.Cookie储存

cookie.set('key', 'value');//存
this.$cookies.get('key') //取

3.文件引入

  1. 创建存放全局变量和方法的vue文件
<script>
  export default {
    name,
  }
</script>
  1. 使用时引入创建的全局文件
<template>
  <div>
    <h1>{{name}}</h1>
  </div>
</template>
<script>
  import Common from '全局文件'
</script>
0

评论区