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

总结

前端资料汇总

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 框架原理真的深入某一部分具体的代码和实现方式时,要多注意到细节,不要只能写出一个框架。

  • 算法方面很薄弱的,最好多刷一刷,不然影响你的工资和成功率😯

  • 在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。

  • 要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!
    喜欢这篇文章文章的小伙伴们点赞+转发支持,你们的支持是我最大的动力!

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:**





**5.  a标签  超链接的写法:**


 <pre><a v-bind:href="url">菜鸟教程</a></pre>


data: {  
     url: 'http://www.runoob.com'  
   }


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


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



```
修饰符

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

<form v-on:submit.prevent="onSubmit"></form>

6.双向数据绑定

在 input 输入框中我们可以使用 v-model 指令来实现双向数据绑定:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
    <p>{{ message }}</p>
    <input v-model="message">
</div>
    
<script>
new Vue({
  el: '#app',
  data: {
    message: 'Runoob!'
  }
})
</script>
</body>
</html>

7. v-model 指令用来在 input、select、text、checkbox、radio 等表单控件元素上创建双向数据绑定,根据表单上的值,自动更新绑定的元素的值。

按钮的事件我们可以使用 v-on 监听事件,并对用户的输入进行响应。

以下实例在用户点击按钮后对字符串进行反转操作:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
    <p>{{ message }}</p>
    <button v-on:click="reverseMessage">反转字符串</button>
</div>
    
<script>
new Vue({
  el: '#app',
  data: {
    message: 'Runoob!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})
</script>
</body>
</html>

缩写

v-bind 缩写

Vue.js 为两个最为常用的指令提供了特别的缩写:

总结

为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。

内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

前端面试题汇总

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

性能

linux

  • 23
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值