Vue 2中返回多个根元素– vue-frag

Vue 2中返回多个根元素– vue-frag
插件名称 vue-frag
版本号 v1.1.4
发布时间 2020年10月8日
插件作者 privatenumber

vue-frag是Vue.js指令,用于在Vue 2供电的应用程序中返回类似于Vue 3 Fragments的多根节点组件。

安装和下载:

# NPM
$ npm i vue-frag --save

基本用法:

1.导入vue-frag指令。

import frag from ‘vue-frag’;

2.注册vue-frag。

// globally
Vue.directive('frag', frag);
// locally
export default {
  directives: {
    frag
  },
  // ...
};

3.渲染多个根节点,如下所示:

<template>
  <div v-frag>
    <div v-for="i in 6">
      {{ i }}
    </div>
    </div>
</template>

变更日志:

v1.1.4(02/03/2021)

  • 错误修正

v1.1.3(01/31/2021)

  • 在片段之前处理insert