共享组件

什么是共享组件

共享组件可以让它的子组件在页面之间共享。通常我们会用共享组件把多个页面上相同的部分包装起来,这样我们只要编写一次就可以在多个页面上得到相同的结果。比如这个页面上方的导航栏就是在整个众触官网共享的。

新建共享组件

在组件栏可以新建一个共享组件。
可以指定用某个HTML元素来渲染共享组件这个容器,甚至可以选择空白来表示不渲染这个容器壳子。
给新建好的共享组件起个恰当的名字放在类名上;新建以后就可以把它添加到其它页面上了。

共享事件和共享CSS

共享组件除了共享子组件外还可以共享多个页面都要用到的事件和CSS。
另外,页面里的其它CSS也可以对共享组件施加影响,这样可以使不同页面里的同一个共享组件看起来各有特色。

外部数据组件无影响

由于共享组件是在多个页面共享的,它不受包裹它的数据组件影响。但共享组件内部是可以有自己的数据组件的。

按需加载

一个页面只加载当前页面用到的共享组件,在数组组件内部的话也只加载符合渲染条件的共享组件。
复杂页面经常有一些大组件只在特定条件下才会用到,可以使用这个特性来封装组件和CSS,从而加速大页面的加载,虽然它的目的并不一定是为了页面间的分享。

Make in ZC APP Platform