股票交易系統總結

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

###跨域問題