Vue3二次封装组件放在同一行
时间: 2023-07-19 12:04:12 浏览: 173
可以使用逗号 `,` 将多个组件放在同一行,例如:
```html
<template>
<div>
<CustomButton @click="handleClick">Click me</CustomButton>,
<CustomInput v-model="inputValue" />
</div>
</template>
```
注意要在组件之间加上逗号,否则会被解析为字符串拼接。另外,如果一行代码过长,可以使用 `\` 进行换行,例如:
```html
<template>
<div>
<CustomButton @click="handleClick">Click me</CustomButton>,
<CustomInput v-model="inputValue" /> \
<CustomCheckbox v-model="isChecked" />
</div>
</template>
```
这样代码更加美观,也方便阅读和维护。
阅读全文