wordpress托管建站,快站的优惠券怎么发布的,大连网络推广,网址怎么生成短链接相同点
在一个 Vue3 单文件组件 (SFC)中#xff0c;script setup 和 script 它们各自最多只能存在一个。
不同点
script setup 这个脚本块将被预处理为组件的 setup() 函数#xff0c;这意味着它将为每一个(也可以说每一次)组件实例都执行。
script setup 和 script 它们各自最多只能存在一个。
不同点
script setup 这个脚本块将被预处理为组件的 setup() 函数这意味着它将为每一个(也可以说每一次)组件实例都执行。
script 只在组件被首次引入的时候执行一次其它地方引入或再次实例化都不会再执行。
使用
所以我们可以利用这个差异性做一些事情。
1、除script setup 标签外再起一个script标签来存放一些字面量。
script langts
export const componentName MyComponent;export default {name: componentNameinheritAttrs: false,customOptions: {}
}
/script
script setup langts
// ...
console.log(componentName)
/script2、除script setup 标签外再起一个script标签来存放TS类型声明。
script langts
export type Test {aaa: string
}// 底部必须要有export或非TS类型申明代码否则vscode中下方代码颜色会出现异常原因未知
export {}
/script
script setup langts
// ...
const obj: Test { aaa: 1 }
/script参考
链接1链接2链接3
