关于开发Vue小白，一些技术总结

一、关于Modal作为组件的使用

        效果是希望第一次打开某个页面时，弹出一个窗口，以后再打开页面时，就不显示这个弹窗了。之前一直想到是在页面跳转之间，存一个变量去控制这个弹窗，可当页面刷新，变量又变回初始值，又跳出弹窗。于是，想到使用localStorage（本地存储）存一个变量来检查用户之前有没有打开过这个页面，判断是否要打开弹窗。代码如下：

        if(!window.localStorage.getItem('storge')){

                alert('出现弹窗');

                window.localStorage.setItem('storge','true')

        }

localStorage:localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除缓存数据，否则数据永远不会消失。

二、使用路由，跳转在同一个页面；使用参数为路径的方式跳转，可页面数据没有刷新，于是在网上查看了怎么解决： 只需改为 this.$router.go(0) 就好了。

        注：我是一个父页面，2个子页面，其中一个子页面当某个按钮被触发的时候，需要实时更新数据。

三、对获取到的token进行是否为空的判断，刚开始是直接获取到的token直接与null或""进行比较，发现对token判断没有起效果。结果是：需要JSON进行转换再跟{}进行比较。

参考代码如下：

this.token=localStorage.getItem("token")?JSON.parse(localStorage.getItem("token")) : {},

if (JSON.stringify(this.token) == '{}') {

....

}