1.1 KiB
1.1 KiB
script-setup写法
第一部分书写
template
第二部分
script
一、import的顺序
- vue模块
- vue相关类型
- vue-router模块
- vue-router相关类型
- UI框架模块
- UI框架相关类型
- 第三方依赖
- 第三方依赖相关类型
- @/enum
- @/setting
- @/plugins
- @/layouts
- @/views
- @/components
- @/hooks
- @/store
- @/context
- @/router
- @/service
- @/utils
- @/interface
- @/assets
- 相对路径依赖
二、TS类型声明
三、defineProps、defineEmits、defineExpose、withDefaults
- 定义属性，如：
interface Props {
name: string;
age?: number;
}
const props = withDefaults(defineProps<Props>(), {
age: 24
})
其中name是必须的属性，age是可选属性，通过withDefaults添加默认值
- 定义emit事件
const emit = defineEmits<{
(e: 'event-name', param: number): void;
}>()
四、响应式use函数
有些use函数需要传入响应式的变量参数时，则书写在声明的变量下面。