洛飞

摘要： height: 100%; 和 height: 100vh; 是设置元素高度的两种不同方式 height: 100%;： 这个属性会使元素的高度等于其父元素的高度。也就是说，元素的高度将会占据其父元素的百分之百高度。 值为百分比时，实际的高度取决于其父元素的高度。如果父元素没有显式地设置高度，则 h 阅读全文

摘要： // 通过模板路由配置 import { createRouter, createWebHistory } from "vue-router"; // 创建路由器 const routes = [ // 登录路由 { path: "/login", component: () => import(" 阅读全文

摘要： 属性使用动态值加固定值用 :a="`${变量名}` + '固定值'" 例如： <svg :style="{width,height}"> <!-- 内部需要用use结合使用 --> <use :xlink:href="`${prefix}` + 'mao'" :fill="color"></use> 阅读全文

摘要： axios二次封装有利于减少代码量，更好的管理api ①在src目录下创建api目录。api目录用于存放今后页面不同模块的接口信息。 具体的接口含义如下： ②将来要实现的效果如下： import axiosRequest from "./utils/request/http"; axiosReque 阅读全文

摘要： 在开发环境、测试环境、生产环境需要请求不同的接口，对应不同的数据。 因此，配置环境变量也尤为重要 第一：为项目根目录开发、测试、生成（也可以加入预发布）环境创建.env文件 .env.development .env.production .env.test 第二：配置数据 # 变量必须以 VITE 阅读全文

摘要： 插槽（slot）可以实现父与子组件间通信，即想让父组件在指定位置插入一些信息。 插槽分为三种：默认插槽、具名插槽、作用域插槽 默认插槽 子组件代码： <h1>我是子组件默认插槽--父组件中子组件标签中的数据会放入slot中</h1> <!-- 默认插槽 --> <slot></slot> 父组件代码 阅读全文

摘要： vue3提供两种方法，分别为（爷爷提供）provide（提供）和（孙子）inject（注入）。 可以实现隔辈传入数据，且孙子组件可以修改爷爷提供的数据。 即如果子组件再调用子组件，那么父组件可以通过provide 和 inject来实现父孙志坚消息通行。 ①实现父子组件调用子组件， 子组件再调用子组 阅读全文

摘要： ref:给子组件的标签绑定ref属性，子节点把对应的数据暴露出来，可以以此修改子组件的值 $parent:子组件通过固定参数，拿到父组件暴露出去定义的方法或者数据，并操作 ref的用法： ①给子组件标签绑定ref <Son ref="son"></Son> ②在子组件中用defineExpose暴露 阅读全文

摘要： 事务总线mitt适用于在任意组件间传递信息。 1、需要安装mitt插件 npm i mitt 2、新建一个emitter.ts文件 //导入mitt import mitt from 'mitt' //创建mitt实例 const emitter = mitt() //暴露mitt实例 export 阅读全文

摘要： 自定义事件实现通信的逻辑是给子组件的标签上绑定一个自定义事件。 在子组件中写触发事件，传入实参。 在父组件中定义具体事件方法体逻辑。 例如： <!-- 绑定自定义事件xxx，实现子组件给父组件传递数据 --> <Event2 @xxx="handler3"></Event2> 在子组件中使用defi 阅读全文