2024年最全vue里边的ref和nextTick是什么？，前端开发工程师面试自我介绍

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

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

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整

<button @click=“show = !show”>{{show}}

<button @click=“start”>雪糕

子组件

{{v}}

我们现在来看一下上述代码做了些什么

首先点击一下按钮，然后触发一个strat的函数，这个函数调用了ref为xg的组件内部的start方法，也就是我们子组件内部的start方法

我们看一下页面效果

我们可以看出，代码执行成功，也就是说，ref可以以用来传递数据 但是只能用来父传子

ref的作用：

1. 可以让vue直接操作dom

2. 另类的传参方式

nextTick

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

nextTick是什么？

当数据更新的时候，视图并不会立即渲染，这个时候我们期望获取到视图更新后的数据，可以通过 nextTick 来进行操作

我们具体通过代码来看

我们现在先看一个效果

<button @click=“info”>{{n}}

我们看一看到输出框里，左边是修改后的值，右边是当前的值，也就是没修改的值

那我们如果直接需要修改后的值的话，需要做一下简单的处理

<button @click=“info”>{{n}}