1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/ambit-fragment-for-vue

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 1.3 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 30.11.2024 11:59 0be9176

Фрагмент для Vue

Обеспечивает поддержку нескольких корневых элементов в 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

📃 Использование

В Vue 2

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>

В Vue 3

- 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)

☎️ Контакты

  1. WeChat: ambit_tsai
  2. QQ Group: 663286147
  3. E-mail: ambit_tsai@qq.com

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/ambit-fragment-for-vue.git
git@api.gitlife.ru:oschina-mirror/ambit-fragment-for-vue.git
oschina-mirror
ambit-fragment-for-vue
ambit-fragment-for-vue
main