Vue.prototype和sessionStorage的使用简介

1、Vue中的全局变量如何实现？

在Vue中多个页面间的变量的保存与读取如何实现？

2、Vue中的全局变量是通过 Vue.prototype实现的

如我们的客户端数据接口BASE_URLD main.js中定义如下：

Vue.prototype.BASE_URLD = 'http://127.0.0.1:8080';

在其他页面引用如下：

<script>
methods: {
getList(){
this.$http.post(this.BASE_URLD + '/mobile/getList.do',{type:1)
.then(function (res) {

})
.catch(function (error) {

});

}
}
</script>

3、通过sessionStorage实现在Vue中多个页面间的变量的保存与读取

如在登录成功后，我们将用户名保存在sessionStorage中

sessionStorage.setItem('userName', res.data.userName);

在其他页面，我们通过sessionStorage取出用户名

var userName = sessionStorage.getItem('userName');