股票交易系统总结

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.加载完数据才执行某个函数 //接口是异步的

watch: {
      stockData: function () {
        var _this = this;
        _this.$nextTick(function () {
          this.setEchartOption();
  
        });
      }
    },

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

问题描述：

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

解决：

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

4. beforeRouteEnter()获取url信息

beforeRouteEnter(to, from, next) {
    console.log(to);//当前路由
    console.log(from);//上一个路由
    console.log(next);//下一个url
    next();
  },

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

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

###跨域问题