Vue Fragment All In One

Vue Fragment All In One

Vue 2.x

<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png">
    <Test msg="Welcome to Your Vue.js App"/>
  </div>
</template>

Vue 3.x

<template>
  <div id="app1">
    <img alt="Vue logo" src="./assets/logo.png">
  </div>
  <div id="app2">
    <img alt="Vue logo" src="./assets/logo.png">
  </div>
</template>

https://v3.cn.vuejs.org/guide/migration/fragments.html#概览

vue-fragment

# vue 2.x
$ npm i vue-fragment

$ npm i -S vue-fragment

import { Fragment } from 'vue-fragment'

export const MyComponent {
  components: { Fragment },
  template: '
  <fragment>
    <input type="text" v-model="message">
    <span>{{ message }}</span>
  </fragment>
  ',
  data() { return { message: 'hello world }}
}

https://www.npmjs.com/package/vue-fragment
https://github.com/Thunberg087/vue-fragment

refs

https://stackoverflow.com/questions/59388851/is-there-something-like-react-fragment-in-vue

---

---

©xgqfrms 2012-2025

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---