• 2024-09-04在 Vue 3 中,使用 `PropType` 定义复杂类型的 props
    在Vue3中,使用PropType可以定义复杂类型的props。这对于确保组件props接收到的值符合预期的结构非常有用。下面是一些定义复杂类型的常见方法。1.定义对象类型你可以使用TypeScript的接口或类型别名来定义复杂对象类型。import{defineComponent,PropType}from'
  • 2024-07-10vue3中关于指定props的复杂ts类型
    如果要对props的数据进行指定类型,基本类型可以直接使用类型约束,复杂类型可以使用PropType进行约束interfaceItemInterface{title:stringcode:stringstatus:numbericon:string}constprops=defineProps({type:String,userId:String,currentItem
  • 2024-04-10TypeScript 与组合式 API
    看吧:https://cn.vuejs.org/guide/typescript/composition-api.html为组件的props标注类型<scriptsetuplang="ts">constprops=defineProps({foo:{type:String,required:true},bar:Number})props.foo//stringprops.bar//number|undefine
  • 2023-04-22vue3+ts使用v-for出现unknown问题
    title:vue3+ts使用v-for出现unknown问题date:2022-12-2719:00:45tags:['Vue','踩坑记录']categories:["前端篇"]最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循环渲染时,在此出遇到了一个ts报错报错为循环出的data
  • 2023-02-17vue3 、typescript环境, props自定义类型propType
    vue3、typescript环境,props自定义类型propType//子组件的props类型是复杂的类型的时候,可以用propType进行强制类型转换//eg复杂函数,对象数组,对象的类型检查props:{
  • 2022-11-21[Typescript] getProp<T, P extends PathKeys<T>>(obj: T, path: P): PropType<T, P>
    constobj={name:"John",age:33,cars:[{make:"Ford",age:10},{make:"Tesla",age:2},],}asconst;exporttypePathKeys<T>=T
  • 2022-11-05js的bind 的原理
    js的bind方法主要绑定this的指向bind方法也会返回是个bind后的函数。知道它功能我们就可以自定义bind功能letobject={name:'jeff'}functionfn(){console.log(thi