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-2020
www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!
原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️!
本文首发于博客园,作者:xgqfrms,原文链接:https://www.cnblogs.com/xgqfrms/p/16168051.html
未经授权禁止转载,违者必究!