2024年Web前端最全Vue3(41)，程序员在线答题面试

最后

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

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

  

刚刚我一直在强调,不需要使用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的指令使用较少，它的作用是:缓存模板中的一部分数据。

  只创建一次，以后就不会再更新了。也就是说用内存换取时间。

  style v-bind 该同学已经从实验室毕业了

  ---

  经过尤大大和团队的努力，

  我们可以使用这个属性了。爽歪歪！

  我们可以在style中去使用变量。是不是感觉很牛逼呀！

  现在我们用起来，第一次使用

  style v-bind将span变成红色

  ---

   有开始循环了-开端 

  

  尾声

  –

  如果你觉得我写的不错的话，点一下推荐。

  我已经几个月没有人给我推荐了。

  听说打赏的小哥哥都追到女朋友了，

  咦！你不信，不信你给我打赏看一下！

  保准你追到到喜欢的Ta

  关于作者

  总结

  =============================================================

  从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

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

  个人将这段时间所学的知识，分为三个阶段：

  第一阶段：HTML&CSS&JavaScript基础

  

  第二阶段:移动端开发技术

  

  第三阶段:前端常用框架

  

  • 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

  • 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。