股票交易系统总结

1.刷新页面后,用户数据全消失!!!(项目中采用的是采用的是localstorage)

参考链接:

https://blog.csdn.net/weixin_43387238/article/details/88952419

https://developer.mozilla.org/zh-CN/docs/Web/API/Window

vuex存储和本地存储(localstorage、sessionstorage)的区别

  • vuex存储在内存,localstorage则以文件的方式存储在本地

  • 应用场景:vuex用于组件之间的传值,localstorage则主要用于不同页面之间的传值。

  • 永久性:当刷新页面时vuex存储的值会丢失,localstorage不会。

sessionStorage,localStorage,Cookie都放在客户端浏览器,区别在于

  • sessionStorage,localStorage存放的参数,不会主动传递给服务器端,解决了无用参数传递的问题。
  • sessionStorage和localStorage比较,sessionStorage存放在浏览器内存,关闭浏览器后就销毁了;localStorage存放在硬盘,到达有效期后销毁。

  • localStorage - 没有时间限制的数据存储;sessionStorage -针对一个 session 的数据存储

  • localStorage仅支持字符串。使用JSON.stringify()和JSON.parse().

    2.加载完数据才执行某个函数 //接口是异步的

    1
    2
    3
    4
    5
    6
    7
    8
    9
    watch: {
    stockData: function () {
    var _this = this;
    _this.$nextTick(function () {
    this.setEchartOption();

    });
    }
    },

3.vue this.$forceUpdate() 处理页面刷新问题

问题描述:

在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值;

解决:

运用 this.$forceUpdate()强制刷新

4. beforeRouteEnter()获取url信息

1
2
3
4
5
6
beforeRouteEnter(to, from, next) {
console.log(to);//当前路由
console.log(from);//上一个路由
console.log(next);//下一个url
next();
},

但在内部获取不到外部的this,方法、变量等都获取不到
后来发页面,beforeRouteEnter是页面进入之前调用;所以取不到实例
可以使用但是vm.XXXXX可以获取到 beforeRouteEnter

1
2
3
4
5
6
7
beforeRouteEnter(to, from, next) {
//console.log(to); //当前路由
//console.log(from.path); //上一个路由
next(vm => {
vm.oldPath = from.path;
console.log(vm.oldPath);
});

5.vue项目如何刷新当前页面

  • location.reload();//会出现空白
  • this.$router.go(0); //会出现空白
  • provide / inject 方法

链接: https://blog.csdn.net/qq_16772725/article/details/80467492

###跨域问题

-------------本文结束感谢您的阅读-------------