Vue一次简洁地介绍了所有常见的组件

使用场景

-在开发过程中，往往有很多自定义的公共组件。我们可以通过导入来导入它们，并将其装载到实例上。项目一开始是好的，但是随着项目的迭代，组件越来越多。同一个组件需要以不同的方式重复导入和挂载，这就使其成为冗余。

这里有一个通过require.context的便捷操作

例子

文件结构

存储在组件/模态中的是我们定义的公共DOM组件

//要导入Vue，需要从' Vue '/let f=r={//return r . keys()注册import Vue组件。使用Vue.component()方法映射(key=r(key))；//}////console . log(f(require . context)'。/modal '，true，/\。vue/)))；//读取下的所有组件。/modal/////require components : web pack上下文(req){//return _ _ web pack _ require _ _(webpackcontextresolve(req))；//}/* * * @ var require components-require components保存每个文件的相对路径集合，可以通过key()-返回* @ function requirecomponents，这也是一种方法。通过传入键()枚举的路径可以返回组件实例*/const required components=require . context('。/'，true，/\。vue/)；//打印结果//require components : web pack context(req){//return _ _ web pack _ require _ _(webpackcontextresolve(req))；//}////遍历每个组件的路径requirecomponents.keys()。foreach(filename={//组件实例constraeqcom=required components(filename)//作为组件名const req com name=filename . split('/')[1]//组件挂载vue.component (reqcomname，reqcom.default | | reqcom)})，截取路径只要打印出来就一目了然，这里不再赘述。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。