2024年最新vue，vant父子组件传值props，一线互联网企业高级前端工程师面试题大全

最后

---

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

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

不要把methods方法写成箭头函数，因为箭头函数会改变this的指向，使this不在默认指向vue实例，而指向undefined

同时vue实例中的data，computed，watch属性也都不要写成箭头函数，理由同上

---

父组件

title: ‘我的’,

子组件

class=“head”>

<span class=“title-left”

@click=“goBack”>

<van-icon name=“arrow-left”

class=“leftback” />返回

{{title}}

props: {

title: String

// default: ‘首页’,

// required: true

},

---

vue父组件异步获取数据传给子组件

https://blog.youkuaiyun.com/dongguan_123/article/details/80317871

下面这个更加直观一点

学习下这篇文章

下面来看我操作

this.axios.get(‘api/goods’).then((res) => {

this.recommends = res.data.data.info

console.log(res.data.data.info)

}, function(err) {

console.log(err)

})

this.axios.get(‘api/getgoods’).then((res) => {

this.skuArr = res.data.data.data

console.log(res.data.data.data)

}, function(err) {

console.log(err)

})

打印一下

给子组件传数据

最后

---

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

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。