vue3中组件prop和emit的使用文章目录vue3中组件prop和emit的使用组件prop命名规则静态动态数据类型检查自定义事件emitv-model绑定组件是带有自定义名称的可复用实例，prop向下传递，emit向上传递。组件prop通过组件prop可以实现父组件向子组件传递数据命名规则HTML中的attribute名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用DOM中的模板时，camelCase (驼峰命名法) 的prop名需要使用其等价的kebab-

vue3中插槽的使用文章目录vue3中插槽的使用匿名插槽具名插槽作用域插槽插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签，父组件填充的内容称为插槽内容。子组件不提供插槽时，父组件填充失效父组件无填充时，<slot></slot>中的备用内容会启用生效父级模板里的所有内容都

vue3中ref、reactive、toRef、toRefs的使用文章目录vue3中ref、reactive、toRef、toRefs的使用refreactivetoReftoRefs总结四个函数都是用于在setup中创造响应式变量的refref可用于任何类型的数据创建响应式，取值需要加.value。对于基本数据类型，ref的性能优于reactive，而对于对象类型，ref仍然是通过reactive包装实现的。推荐优先使用ref，方便逻辑拆分和业务解耦。<div id="app">

typescript中interface和type的使用文章目录typescript中interface和type的使用interface（接口）type（类型别名）总结interface（接口）声明对象或者函数，通过extends继承拓展// 描述对象interface IUser { name: string, age: number, sayHi: () => void // sayHi(): void}const user: IUser = { name:

CommonJS模块与ES6模块的区别文章目录CommonJS模块与ES6模块的区别CommonJSES6CommonJS对于基本数据类型，属于复制。即会被模块缓存。同时，在另一个模块可以对该模块输出的变量重新赋值。对于复杂数据类型，属于浅拷贝。由于两个模块引用的对象指向同一个内存空间，因此对该模块的值做修改时会影响另一个模块。当使用require命令加载某个模块时，就会运行整个模块的代码。当使用require命令加载同一个模块时，不会再执行该模块，而是取到缓存之中的值。也就是说，Common

前端eslint+prettier+lint-staged配置