区别一:
env.d.ts 是环境变量文件,主要是让Ts认知Vue,让Ts知道这是一个Vue文件
区别二:
在setup中不能使用this,因为它会找不到组件实例,因为setup发生在‘data’,'property','computed'
被解析之前,所以它们无法在setup中被获取
区别三:
使用setup语法糖后,在script里引入组件后,就不需要再注册组件就可以直接使用组件名,
需要注意点就是导入组件时,组件后的.vue后缀名要加,否则不能被TS识别
setup 语法糖:
写法:
<script setup lang="ts">
</script>
没有语法糖写法:
<script lang="ts">
// 没有使用语法糖
export default {
props:{
title:{
type:String,
default:()=>{return '测试信息'}
}
},
setup(props:any) {
console.log(props.title);
}
}