vue项目中遇到的问题：之解决token失效的方法_vue set token后不生效(1)

• 
• 扫一扫
• Andriod
• 联系方式

  Contact information

  北京公司
• www.x.com
• 010-872

• 北京市朝阳区

  ```

  css：

  /* 关注我们 */
  
  #aboutUs .us {
  
  text-align: center;
  
  margin-top: 5rem;
  
  }
  
  #aboutUs .us h3 {
  
  font-size: 2.5rem;
  
  font-family: PingFangSC-Medium;
  
  font-weight: bold;
  
  color: #2e2e2e;
  
  }
  
  #aboutUs .us h5 {
  
  font-size: 1.5rem;
  
  font-family: PingFangSC-Regular;
  
  font-weight: 400;
  
  color: #a4a4a4;
  
  line-height: 2rem;
  
  }
  
  /* 扫码下载 */
  
  #aboutUs .ERMA {
  
  display: flex;
  
  flex-direction: row;
  
  padding: 2.5rem 0 5rem 0;
  
  }
  
  #aboutUs .ERMA .left,
  
  #aboutUs .ERMA .right {
  
  width: 50%;
  
  text-align: center;
  
  font-size: 1.4rem;
  
  font-family: PingFangSC-Regular;
  
  font-weight: 400;
  
  color: #2e2e2e;
  
  line-height: 2rem;
  
  }
  
  #aboutUs .ERMA li img {
  
  width: 10rem;
  
  height: 10rem;
  
  }
  
  /* 联系信息 */
  
  #aboutUs .information {
  
  width: 100%;
  
  height: 23rem;
  
  background: url("../../../assets/ios/aboutUs/information.png") no-repeat;
  
  background-size: 100%;
  
  color: #fff;
  
  font-family: PingFangSC-Medium;
  
  font-weight: 500;
  
  }
  
  #aboutUs .information .title {
  
  padding: 4rem 0 3rem 0;
  
  text-align: center;
  
  }
  
  #aboutUs .information .title h3 {
  
  font-size: 2.2rem;
  
  font-weight: 400;
  
  }
  
  #aboutUs .information .title h5 {
  
  font-size: 1.3rem;
  
  font-weight: 400;
  
  }
  
  #aboutUs .information .cont {
  
  padding: 0 2rem 0 2rem;
  
  font-size: 1.3rem;
  
  font-family: PingFangSC-Medium;
  
  font-weight: 500;
  
  }
  
  #aboutUs .information .cont img {
  
  width: 2.5rem;
  
  height: 2.5rem;
  
  vertical-align: bottom;
  
  }
  
  #aboutUs .information .cont .two li {
  
  width: 48%;
  
  display: inline-block;
  
  }
  
  #aboutUs .information .cont .two li span {
  
  display: inline-block;
  
  }
  

  js：

  <script>
  
  export default {
  
  data() {
  
  return {
  
  name: "展开",
  
  hide: true
  
  };
  
  },
  
  methods: {
  
  show() {
  
  if (this.hide) {
  
  this.name = "收起";
  
  } else {
  
  this.name = "展开";
  
  }
  
  this.hide = !this.hide;
  
  }
  
  }
  
  };
  
  </script>
  

  5.  a标签  超链接的写法：

  菜鸟教程

  data: {
      url: ‘http://www.runoob.com’
    }

  在这里 href 是参数，告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定。

  另一个例子是 v-on 指令，它用于监听 DOM 事件：

  <a v-on:click="doSomething">
  

  修饰符

  修饰符是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()：

  
  
  ### 最后
  
  四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~
  
  
  
  祝大家都能收获大厂offer~
  
  > **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**
  
  **篇幅有限，仅展示部分内容**
  
  ![](https://img-blog.csdnimg.cn/img_convert/ac0b1c2376da47d727e0dc8a77e76478.png)
  
  
  
  ![](https://img-blog.csdnimg.cn/img_convert/b871b45fb2e6d5442144c863cbcff965.png)
  
  ![](https://img-blog.csdnimg.cn/img_convert/f5c18f4b2878302f1f53a8c393e7eb0d.png)