Natural Preference for Minification
Miss any of our Open RFC calls?Watch the recordings here! »

vuejs-fragment

1.0.1 • Public • Published

vuejs-fragment

npm


vue.js fragment component.

介绍

Fragment 是一个抽象组件,如果你想返回多个 DOM 元素,并且不想使用无用的容器元素包裹它们,fragment 为此设计。

为什么会有 fragment ?

vue 组件的根元素必须是一个单独 DOM 节点,由于这个限制,我们可以将 fragment 组件作为根元素的占位节点,而不去渲染它。

快速应用

一、安装依赖

npm i vuejs-fragment -S

二、使用

  • Plugin:
import Fragment from 'vuejs-fragment'
Vue.use(Fragment.Plugin)
 
// or
 
import { Plugin } from 'vuejs-fragment'
Vue.use(Plugin)
 
// …
 
export const MyComponent {
  template: '
  <fragment>
    <input type="text" v-model="message">
    <span>{{ message }}</span>
  </fragment>
  ',
  data() { return { message: 'hello world }}
}
  • Component:
import { Fragment } from 'vuejs-fragment'
 
export const MyComponent {
  components: { Fragment },
  template: '
  <fragment>
    <input type="text" v-model="message">
    <span>{{ message }}</span>
  </fragment>
  ',
  data() { return { message: 'hello world }}
}

Install

npm i vuejs-fragment

DownloadsWeekly Downloads

4

Version

1.0.1

License

MIT

Unpacked Size

10.1 kB

Total Files

9

Last publish

Collaborators

  • avatar