石家庄做外贸的网站建设,网站编程培训,主机公园 wordpress,杭州seo排名费用相同点
在一个 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
