Newbies Pass Muster

    mount-vue-component
    TypeScript icon, indicating that this package has built-in type declarations

    0.10.2 • Public • Published

    mount-vue-component

    install

    yarn add mount-vue-component

    use

    import { mount } from 'mount-vue-component'
    import { h } from 'vue'
    
    const comp = {
      props: ['name'],
      setup: (props) => () => h('h1', `Hello, ${props.name}!`),
      unmounted() { console.log("Bye") },
      mounted() { console.log("Hi") }
    }
    const { vNode, destroy, el } = mount(comp, { props: { name: 'world' } })

    api

    mount(component, { props, children, element, app })

    • component: required, the component to be created/mounted
    • props: props to be passed onto the component, this can include HTML attributes like id or class
    • children: components to be rendered as children of component
    • element: if specified, the element to mount the component into, if not specified, a div will be created
    • app: the Vue app instance from createApp, if provided will be bound to the component's appContext
    returns { vNode, destroy, el }
    • vNode: the instance of the component provided
    • destroy: a function that will unmount and destroy the component
    • el: will provide the HTML element the component is mounted into

    Install

    npm i mount-vue-component

    DownloadsWeekly Downloads

    2,474

    Version

    0.10.2

    License

    MIT

    Unpacked Size

    8.91 kB

    Total Files

    10

    Last publish

    Collaborators

    • pearofducks