组件化

Web Components

• webcomponents (opens new window)
• MDN (opens new window)

lib

• Vue2 (opens new window)
• Vue3 (opens new window)
• React (opens new window)
• Angular (opens new window)
• x-tag (opens new window)
• Polymer (opens new window)

webpack

自动引入 (opens new window)

function importAll(requireContext) {
  requireContext.keys().forEach(path => {
    let component = requireContext(path)
    component = component.default || component
    Vue.component(component.name, component)
  })
}

const requireContextFilter = require.context('./filter', false, /\.vue$/)
const requireContextComponents = require.context('./components', false, /\.vue$/)
importAll(requireContextFilter)
importAll(requireContextComponents)