# Vue 2

• Template section in components needs one top level root element, in contrast to vue3 which can have multiple root elements.
• Use props and named v-slots with components
• Vue Components | Vue Plugins | Vue Mixins
  • component is individual unit in itself
    • Vue components by nature are meant to be re-used. SFC
    • How to package vue components for npm ?
  • Mixin add functionality to an existing component
    • could be global
  • Plugins - distribute components
    • Plugins usually add global-level functionality to Vue

# How Properly packaging your SFC for distribution via npm?

• Universal Module Definition (UMD) API
• https://unpkg.com/
• How to add components from npm with nuxtjs?
• https://vuejs.org/v2/cookbook/packaging-sfc-for-npm.html
• https://github.com/craigh411/vue-star-rating