先说一下总结,在TypeScript(TS)和Vue 3项目中,给函数的参数加一个下划线(_
)前缀通常是一种约定或习惯,用来表示该参数在当前函数体内是故意未使用的,需要注意的是,这种做法并不是TypeScript或Vue的强制要求,而是一种在项目中常见的最佳实践或约定,但是对于是函数参数的解构来说,这种写法没有用。
下面来看代码已经解释:
代码:
<script setup lang="ts">
import { ref } from 'vue'
const obj:any = ref({
a:1,
b:2
})
const testOne = () =>{
console.log('testOne');
}
// const testTwo = (data:any) =>{
const testTwo = (_data:any) =>{
console.log('testTwo');
// console.log(data,'data');
}
// const testThree = ({a,b}:any)=>{
// const testThree = ({_a,_b}:any)=>{
const testThree = ({}:any)=>{
// console.log(a,'a');
// console.log(b,'b');
}
</script>
<template>
<div>
<h1>实验页面</h1>
<el-button @click="testOne">点我看看one</el-button>
<el-button @click="testTwo('data')">点我看看two</el-button>
<el-button @click="testThree(obj)">点我看看three</el-button>
</div>
</template>
<style lang="less" scoped>
</style>
示例一:
示例一解决方法:
示例二:
示例二解决方法: