2024年Web前端最全Vue3(39)，三面美团、四面阿里成功斩下offer

文末

技术是没有终点的，也是学不完的，最重要的是活着、不秃。

零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。

最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

自学最怕的就是缺乏自驱力，一定要自律，杜绝“三天打鱼两天晒网”，到最后白忙活一场。

高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。

技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。

拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

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

flag.value=‘开端-第二次循环’

}

组件不需要在注册

---

 你好-我是肖鹤云

使用的页面

分析引入 setup 后组件的变化

---

在 script setup 中，

引入的组件可以直接使用无需再通过components进行注册，[是不是真的很香啊!]

并且无法指定当前组件的名字，它会自动以文件名为主，也就是不用再写name属性了。

当我们的页面上需要使用很多组件时，它的功能一下就体现出来了。

新增 defineProps

---

刚刚我一直在强调,不需要使用setup函数，机智的小伙伴会说:

那么子组件怎么接受父组件传递过来的值呢?

props，emit怎么获取呢?

别担心,新的api出现了,我们的主角 defineProps

defineProps 的使用

---

父组件传递参数

子组件接受参数

 你好-我是肖鹤云

信息:{{ info}}

{{ time }}

子组件怎么向父组件抛出事件？defineEmits的到来！

---

子组件使用

别担心，我们使用defineEmits。它可以像父组件抛出事件。

 你好-我是肖鹤云

<button @click=“hander1Click”>新增

<button @click=“hander2Click”>删除

父组件

<test-com @myAdd=“myAddHander” @myDel=‘myDelHander’>

如何获取子组件中的属性值

---

子组件

 你好-我是肖鹤云

性别:{{ sex}}

其他信息:{{ info}}

父组件

<test-com @myAdd=“myAddHander” @myDel=‘myDelHander’ ref=“testcomRef”>

<button @click=“getSonHander”>获取子组件中的数据

新增指令 v-memo

v-memod会记住一个模板的子树,元素和组件上都可以使用。

该指令接收一个固定长度的数组作为依赖值进行[记忆比对]。

如果数组中的每个值都和上次渲染的时候相同，则整个子树的更新会被跳过。

即使是虚拟 DOM 的 VNode 创建也将被跳过，因为子树的记忆副本可以被重用。

因此渲染的速度会非常的快。

需要注意得是:正确地声明记忆数组是很重要。

开发者有责任指定正确的依赖数组，以避免必要的更新被跳过。

• {{ item.name   }}

  v-memod的指令使用较少，它的作用是:缓存模板中的一部分数据。

  结尾

  正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

  以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

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

  

  istArr"  :key=“item.id”  v-memo=“[‘valueA’，‘valueB’]”>

  {{ item.name   }}

  v-memod的指令使用较少，它的作用是:缓存模板中的一部分数据。

  结尾

  正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

  以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

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

  [外链图片转存中…(img-TjjASXlw-1715379601062)]