Vue知识笔记

一、父子组件

在‌vue.js中，父组件和子组件是通过组件的嵌套关系来定义的。当一个组件在另一个组件的模板中被使用，那么被使用的组件被称为子组件，而使用它的组件则被称为父组件。这种关系体现了Vue.js的组件化开发的核心思想，即通过创建可重用的、独立的组件来构建复杂的用户界面。‌

二、说说nextTick使用和原理

理解1：

nextTick工作原理

• 延迟执行：当Vue组件的状态发生变化时，Vue会异步更新DOM。nextTick允许将回调函数推迟到下一个更新周期执行，确保在Vue完成所有必要的更新后才进行DOM操作。
• 简化异步操作：nextTick提供了一种方便的方式来处理异步操作，如AJAX请求或定时器，确保在异步操作完成后立即执行回调函数并更新组件的状态。

使用场景

• 处理异步操作：当数据发生变化后，需要等待DOM更新完成后再进行某些操作，如获取更新后的DOM元素的尺寸、位置等信息。
• 确保DOM更新完成：在组件的状态发生变化后，可能需要立即访问或操作DOM，但为了避免获取到旧的数据或无法找到对应的DOM元素，可以使用nextTick来确保在DOM更新完成后再执行相应的操作。
• 动态添加事件：当需要根据数据动态地为页面某些DOM元素添加事件时，由于某些生命周期钩子函数执行时DOM可能还没有渲染完毕，所以这时候可以使用nextTick来确保DOM渲染完成后再添加事件。

使用方法

• 作为回调函数使用：将回调函