vue动态渲染多个组件,这里指的是,根据json数据或者其他的对象,来判定到底渲染哪个组件

在app.vue中

 index.js

这个是核心,将整个文件夹下的所有组件都暴漏出去

const requireComponent = require.context('./', false, /\w+\.vue$/)

let comps = {}

requireComponent.keys().map(fileName => {

let comp = requireComponent(fileName).default;

comps[comp.name] = comp

})

export default comps;

每个组件中的name属性一定要设置好

以便动态拼接

 

 

文章链接

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。