Wondering what’s next for npm?Check out our public roadmap! »

    vuejs-fragment
    TypeScript icon, indicating that this package has built-in type declarations

    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

    2

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    10.1 kB

    Total Files

    9

    Last publish

    Collaborators

    • avatar