vue设置全局变量

小熊博客
2021-05-10 / 0 评论 / 295 阅读
温馨提示:
本文最后更新于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>