vue

插槽 有些时候，我们有这样的需求：父组件需要向子组件传递模板内容，这个时候显然使用Props 是无法做到的，此时就需要用到插槽。 要使用插槽非常简单，首先在书写子组件的时候，添加上 slot 相当于就

组件v-model 父传子通过 Props，子传父通过自定义事件。 v-model 是 Vue 中的一个内置指令，除了可以做表单元素的双向绑定以外，还可以用在组件上面，从而成为父组件和子组件数据传输的

组件介绍 组件结构 组件注册 组件名 组件结构 在 Vue 中支持单文件组件，也就是一个文件对应一个组件，这样的文件以 .vue 作为后缀。 一个组件会包含完整的一套结构、样式以及逻辑 setup 在

侦听器 侦听器和计算属性类似，都是依赖响应式数据。不过计算属性是在依赖的数据发生变化的时候，重新做二次计算，不会涉及到副作用的操作。而侦听器则刚好相反，在依赖的数据发生变化的时候，允许做一些副作用的操

--- highlight: vs2015 --- # 生命周期 ## 理解什么是生命周期 **生命周期是组件（目前我们接触到的就是 App.vue 这个根组件）从创建到最终销毁所经历的一系列过程。在

记录一下 vue3中列表中的全选逻辑 列表中嵌入checkbox，如何实现全选？ 思路： 列表中checkbox绑定行数据 全选checkbox绑定computed计算属性，通过getter实现全选是

表单处理 表单元素的数据绑定 下面是一个文本框和数据进行绑定的例子： 上面的例子我们让文本库和 ref 数据进行了绑定，用户在输入内容的时候，会去更新 textContent 这个 ref 数据，而

事件处理 快速入门 在 Vue 中如果要给元素绑定事件，可以使用内置指令 v-on，使用该指定就可以绑定事件： 上面的事件示例非常简单，不过关于事件处理，有各种各样的细节。 事件处理各种细节 如果事件

条件和列表渲染 条件渲染 Vue 中为条件渲染提供了一组内置的指令： v-if v-else v-else-if 如果是要切换多个元素，那么可以将多个元素包裹在 template 的标签里面，该标签是

类与样式绑定 属性动态绑定数据中有两个属性比较特殊：class 和 style 这两个用得很多，如果数据那一边使用字符串拼接很容易出错。因此 Vue 针对这两个属性提供了特殊的功能增强。除了字符串的值

计算属性 模板表达式： 在上面的例子中，我们之所以要使用模板表达式，是因为要渲染的数据和模板之间，并非简单的对应关系，需要进行二次处理之后，才能够在模板上使用。 虽然在上面的例子中，使用模板表达式能够

响应式常用API ref 相关：toRef、toRefs、unRef 只读代理：readonly 判断相关：isRef、isReactive、isProxy、isReadonly 3.3新增API：t

如何在 vue 中使用 tailwind 1. 安装 2. 生成配置文件 在 tailwind.config.js 配置文件中添加所有模板文件的路径。 3.postcss文件配置 postcss.co

响应式基础 ref、reactive 使用ref 可以使用 ref 创建一个响应式的数据： ref 返回的响应式数据是一个对象，我们需要通过 .value 访问到内部具体的值。模板中之所以不需要 .v

模板语法 所谓模板，是 Vue 中构建视图的地方。 模板的写法基本上和 HTML 是一模一样的，上手无难度。 不过这个之所以被称之为模板，就是因为这个和之前的模板引擎类似，提供了一些不同于纯 HTML

vue3搭建工程 包管理器 搭建工程首先需要一个包管理器 npm pnpm yarn bun 搭建工程文档：https://cn.vuejs.org/guide/quick-start 根据需要选择对