vue设置全局变量

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>

2. 使用时引入创建的全局文件

<template>
  <div>
    <h1>{{name}}</h1>
  </div>
</template>
<script>
  import Common from '全局文件'
</script>