Sutune

越长大就会感觉时间过得越快，2023年就这样过去了。
按照惯例，简单回首这一年的过往。

简介

• 在Vue.js中，插槽（Slot）是一种机制，允许你在父组件中定义一些模板内容，然后将这些内容传递到子组件中进行渲染。这样，你就可以在父组件和子组件之间进行更加灵活的组件组合。
• vue组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。
• 在 Vue 3 中，插槽的使用方式有所改变，引入了新的 <slot> 元素以及 <template> 中的特殊语法。下面是一些关于 Vue 3 插槽的基本用法：

Prop简介

• Prop 是子组件用来接受父组件传递过来的数据的一个自定义属性,一个组件默认可以拥有任意数量的 prop，任何值都可以传递给任何 prop。
• 父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 “prop”：

组件的自定义事件是一种组件间的通信方式，它适用于子组件向父组件传递数据或行为。vue也有内置一些常用系统事件,例如:鼠标点击，表单提交、滚动事件等等。

什么是响应式

Vue中的”响应式数据”指的是一种数据变化会自动触发相关依赖更新的机制。这意味着当数据发生变化时，与该数据相关联的视图会自动进行更新，而不需要手动干预。

异步机制

JavaScript 中的异步机制是一种用于处理非同步操作的编程模型。JavaScript 是单线程的，这意味着它一次只能执行一个任务。但在现代 Web 开发中，有许多需要等待的操作，如网络请求、文件读写、用户输入等。为了避免阻塞主线程的执行，JavaScript 使用异步机制来处理这些操作。

vuex简介

Vuex 是 Vue.js 官方提供的用于状态管理的库。它主要用于解决 Vue.js 应用中多个组件之间的状态共享和数据传递问题，比如网站中登录中的cookie或token信息。vuex官网：https://vuex.vuejs.org/zh/

箭头函数

箭头函数是 JavaScript 中的一种函数定义方式，它提供了一种更简洁的语法来声明函数。箭头函数通常用于定义匿名函数或简单的函数表达式，特别是在回调函数或高阶函数中常见。

Vite

Vite简介

Vite 是一个现代化的构建工具，专为 Vue.js 3 和现代 JavaScript 打包准备的。以下是关于 Vite 的一些关键特点和介绍：

在Vue 3中，混入（Mixin）是一种将可重用功能和逻辑添加到组件中的方式。混入可以包含组件选项，如data、methods、created等，这样您可以在多个组件中重复使用相同的逻辑，而不必重复编写代码。混入提供了一种模块化的方式来组织和复用组件功能。

混入允许您将共享的逻辑封装到一个混入对象中，然后将混入对象应用到一个或多个组件中。这使得在不同的组件中共享通用功能变得更容易。混入对象中的选项将会被合并到组件的选项中。