docs(claude): 修复Vue组件代码块排布顺序说明
- 修正组件文件结构规范中的代码块排布顺序说明 - 将错误的 template → script → style 更正为 script → template → style - 移除代码块语言标识避免ESLint解析错误
This commit is contained in:
parent
6b04e80d41
commit
031efe042e
@ -493,7 +493,8 @@ async function handleSubmit() {
|
|||||||
await submitForm()
|
await submitForm()
|
||||||
coiMsgSuccess('操作成功')
|
coiMsgSuccess('操作成功')
|
||||||
userDialogRef.value?.novaClose()
|
userDialogRef.value?.novaClose()
|
||||||
} catch (error) {
|
}
|
||||||
|
catch (error) {
|
||||||
coiMsgError('操作失败')
|
coiMsgError('操作失败')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -552,7 +553,8 @@ async function handleSubmit() {
|
|||||||
**所有Vue3组件必须严格按照以下顺序组织代码块**
|
**所有Vue3组件必须严格按照以下顺序组织代码块**
|
||||||
|
|
||||||
### 组件代码块排布顺序
|
### 组件代码块排布顺序
|
||||||
```vue
|
```
|
||||||
|
<!-- Vue 组件文件结构示例 -->
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
// 脚本内容
|
// 脚本内容
|
||||||
</script>
|
</script>
|
||||||
@ -567,7 +569,7 @@ async function handleSubmit() {
|
|||||||
```
|
```
|
||||||
|
|
||||||
### 强制要求
|
### 强制要求
|
||||||
- ✅ 必须按照 `template` → `script` → `style` 的顺序排布
|
- ✅ 必须按照 `script` → `template` → `style` 的顺序排布
|
||||||
- ✅ 使用 `<script setup lang="ts">` 语法
|
- ✅ 使用 `<script setup lang="ts">` 语法
|
||||||
- ✅ 样式块使用 `scoped` 属性确保样式隔离
|
- ✅ 样式块使用 `scoped` 属性确保样式隔离
|
||||||
- ✅ 每个代码块之间保持一个空行间隔
|
- ✅ 每个代码块之间保持一个空行间隔
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user