vue2通用组件一次性注册
代码
// 在main.js
// 通用组件地址: src/components/base
const files = require.context('./components/base, true', /\.vue$/)
const components = {}
files.keys().forEach(key => {
components[key.replace(/(\.\/|\.vue)/g, '')] = files(key).default
})Object.keys(components).forEach(key => {
Vue.component(key, components[key])
})
使用
// 在想要用的组件内只用写通用组件标签即可
推荐阅读
- 简单谈谈Angular中的独立组件的使用
- React组件应用于Spring|React组件应用于Spring MVC工程
- React报错之无法在未挂载的组件上执行React状态更新
- 解析react|解析react 函数组件输入卡顿问题 usecallback react.memo
- 【vue2 -> vue3 学习笔记】vue2 vue3 v-model 语法区别
- SQLite
- 产品功能|定制 or 通用,中国 SaaS 未来发展趋势是什么()
- Flutter有状态组件使用详解
- 使用|使用 React Hooks 重构类组件的示例详解
- 原生JavaScript实现弹幕组件的示例代码