Слияние кода завершено, страница обновится автоматически
Обеспечивает поддержку нескольких корневых элементов в Vue 2 и может работать в Vue 3.
vue-fragment
Функции | fragment-for-vue |
vue-fragment |
---|---|---|
Vue 3 | ✅ | ❎ |
Vue Devtools | ✅ | ❎ |
Директива v-for
|
✅ | ❎ |
Директива v-if
|
✅ | ❎ |
TypeScript | ✅ | ✅ |
npm i -S fragment-for-vue
import Vue from 'vue'
import { FragmentPlugin } from 'fragment-for-vue'
Vue.use(FragmentPlugin)
<script>
import { Fragment } from 'fragment-for-vue'
export default {
components: {
Fragment,
},
}
</script>
<template>
<Fragment>
<h1>title</h1>
<Fragment v-for="i in 6" :key="i">
<p>Num is {{ i }}</p>
</Fragment>
</Fragment>
</template>
- import { Fragment } from 'fragment-for-vue'
+ import { Fragment } from 'fragment-for-vue/vue3'
import { createApp } from 'vue'
import { FragmentPlugin } from 'fragment-for-vue/vue3'
createApp(/*...*/).use(FragmentPlugin)
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )