摘要： 组件关系 传递方式 父传子 1. props2. v-model3. $refs4. 默认插槽、具名插槽 子传父 1. props2. 自定义事件3. v-model4. $parent5. 作用域插槽 祖传孙、孙传祖 1. $attrs2. provide、inject 兄弟间、任意组件间 1. 阅读全文

摘要： 用法： <script setup> import { ref,watchEffect } from 'vue' const msg = ref('Hello World!') watchEffect(onInvalidate=>{ console.log("监听执行：",msg.value); o 阅读全文

摘要： 超过一屏后，input 聚焦时，内容出现错位 解决方案：1.父盒子设置为 height: 100%; overflow: hidden; 2.添加scrollview 包住内容 阅读全文

摘要： import { defineEmits } from 'vue' //定义emit 类型 interface EmitsType { (e: 'bClick', item: {name:string,age:number}): void } const emit = defineEmits<Emi 阅读全文

摘要： import { defineProps, withDefaults, toRefs } from 'vue' //props 传过来的值的类型定义 interface ModuleType { num: number } const props = withDefaults(defineProps 阅读全文

摘要： 找到config文件夹： 修改index.js文件里outputRoot为 outputRoot: `dist/${process.env.TARO_ENV}`, 阅读全文

摘要： 如果a页面想在一开始就给B页面传值 ，那么b页面应在created函数里面接受 ，同时要先解绑一下事件（$off） 阅读全文

摘要： 原因：ts语法提示的锅 解决：在 vue.config.js 中关闭语法提示 lintOnSave: false 阅读全文

摘要： 遇到的问题场景：点击按钮 出现自己写的弹窗，点击其他空白处 消失弹窗 思路：点击按钮的时候 获取出现弹窗的focus事件，让它聚焦；点击其他地方相当于这个弹窗失去焦点使用blur事件；同时我们需要给弹窗加一个tabindex="-1" 属性，否者blur事件不生效。 第一步：通过$refs获取元素的 阅读全文

摘要： 第一种：需要用到 defineProps，defineEmits；用法其实跟vue2.x基本上还是一样的 父传子：parent.vue <template> <div> <child :value="value" @add="childClick" :msg="msg" /> <br /> <div 阅读全文