不飞则已一飞

BFC（Block Formatting Context）即块级格式化上下文 开启bfc的区域，是一块独立的渲染区域 隔绝了内部与外部的关系，不会相互干扰 开启bfc能解决什么问题？ 开启bfc，其子

我们已经介绍了两种在 Vue 中重用代码的方式：组件和组合式函数。组件是主要的构建模块，而组合式函数则侧重于有状态的逻辑。另一方面，自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。 一

父子通信 父传子 <script setup> 中子组件可以使用vue提供的defineProps函数选择接受的属性，defineProps返回一个对象，包含接受的属性（如果父组件传有属性的话，支持v

从 Vue 3.4 开始，推荐的实现方式是使用 defineModel() 宏： 父组件可以用 v-model 绑定一个值： defineModel() 返回的值是一个 ref。它可以像其他 ref

拿取原生dom元素 要在组合式 API 中获取引用，我们可以使用辅助函数 useTemplateRef() ： 组件上的 ref 如果一个子组件使用的是选项式 API 或没有使用 <script se

watch vs. watchEffect​ watch 和 watchEffect 都能响应式地执行有副作用的回调。它们之间的主要区别是追踪响应式依赖的方式： watch 只追踪明确侦听的数据源。它

此特性能够把代码分离到不同的 bundle 中，然后便能按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle、控制资源加载优先级，如果使用合理，会极大减小加载时间。代码分离是 webp

开发环境 首先将 mode 设置为 'development'，并将 HtmlWebpackPlugin的 title 修改为 'Development'。 使用 source map！ 当 webp

管理输出 project结构： dist/index.html 接下来在 entry 添加 src/print.js 作为新的入口起点（命名为 print），然后修改 output 使得能够根据入口起