现在项目开发难,老板那个外行非得去开发组件在小程序中,我呢,就干,旁边还两个瞎指挥的,没招了,闲话少续,直接上代码

想要实现分包组件引用，首先呢,先看目录,展开的为我封装的组件,没招了。

名字起的比较有特点, jiaofuwu-components,然后这个怎么处理呢,在使用的页面的page.json中,添加如下:

代码为:

"componentPlaceholder": {

"mianshi-components": "view",

"jiaofuwu-components":"view"

}

componentPlaceholder几乎是固定格式, "mianshi-components"和"jiaofuwu-components"为组件components的名字,我看网上好多都是这么写的,好像必须是这种带-的,试了其他的,貌似不行。"view"几乎也是固定格式,不用动。

页面引用的话,在哪个页面的pages配置了,就只能在哪个里面使用。

使用如下:

js部分

import MianshiComponents from "../Interview/components/mianshi-components.vue"

import JiaofuwuComponents from "../Deliverable/components/jiaofuwu-components.vue"

components: {

MianshiComponents,

JiaofuwuComponents

}, <jiaofuwu-components :componentKey="jiaofuwuComponentKey" :taskData="task" />

template:

<jiaofuwu-components:componentKey="jiaofuwuComponentKey" :taskData="task" />

注意:template中的名字必须和页面的componentPlaceholder里面写的名字一样。

我是小凯,祝愿大家都快乐编程,远离**同事和**老板吧