constarr=ref[1,2,3]// 类型错误// pullAt(arr.value,1) /**No overload matches this call*/// 使用类型断言解决pullAt(arr.valueas[],1)
我喜欢抛弃 template 直接使用 tsx 加 tailwind。这样做能够远离volar，真的太爽了，这货卡死人啦。
2.创建的src/hook/Home.ts(实现数据的逻辑代码) import { ref,reactive,toRefs } from 'vue';//1.数组循环 并且添加/删除//arr 数据接口 定义arr常量数组内必须全部是数字interface arr { arr:Array<number>, value:number } const parameter= reactive<arr>({ arr:[1,2,3,4], value:0});//给数组...
子组件 子组件Aimport{ ref,defineEmits}from"vue"// 子传父通过数组的形式传值,定义子传父的事件defineEmits([自定义名称])constemit =defineEmits(['deleteOutcome'])// 子组件值constbackStatus = ref<string>('back')// 删除constdeleteGoods= () => {// 通过emit来定义自定义名称和值,deleteOutcome...
function getLength(something: string | number): number { return something.length;}// index.ts(2,22): error TS2339: Property 'length' does not exist on type 'string | number'.// Property 'length' does not exist on type 'number'.复制代码 ...
注意点: JS 中的这三个构造函数: Number 、 String 、 Boolean ,他们只⽤于包装对象,正常开发时,很少去使⽤他们,在 TS 中也是同理。 代码语言:javascript 复制 letn=56n.toFixed(2)/* 当执⾏n.toFixed(2) ,底层做了这⼏件事: 1.let temp = new Number(42) ...
vue3 里删除了 $listeners,新写法: <template> <componentv-bind='attrs'></component> </template> <srciptsetuplang='ts'> const attrs = useAttrs(); 1. 2. 3. 4. 5. 6. useCSSModule:CSS Modules 是一种 CSS 的模块化和组合系统。vue-loader 集成 CSS Modules,可以作为模拟 sc...
演示代码使用 Vue3 + ts + Vite 编写,但是也会列出适用于 Vue2 的优化技巧,如果某个优化只适用于 Vue3 或者 Vue2,我会在标题中标出来。 一、代码优化v-for 中使用 key 使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一...
<template><Child/></template>importChildfrom"./Child.vue"; 2. ref 和 reactive ref一般用于基本的数据类型,比如string,boolean,reactive一般用于对象 ref 的地方其实也是调用的reactive实现的。 代码语言:javascript 复制 <template>{{title}}{{data}}<...