挂载组件

重新挂载表达式

当表达式的值发生变化时会重新挂载组件(及其子组件)。表达式的值应是基本类型,避免使用对象数组。
挂载组件一个常见用法是用来包装需要根据特定变量的变化重新挂载的其它组件。

HTML元素

指定是否渲染挂载组件这个容器和用哪个元素来渲染。不指定(默认)即组件不体现在HTML里。

挂载事件

当挂载组件这个容器挂载完成后执行。
它除了继承了父组件的$ctx外还有$el表示本身组件元素,id表示组件元素id。当然如果没有设置HTML元素也就没有这两个属性了。

卸载事件

容器卸载完成后执行。

$exp、$obj、$js

$exp、$obj、$js是在挂载时获取的,所以添加/修改后需要刷新页面使之再次获取最新配置。

区别于onReady

挂载组件的挂载事件与页面根节点的onReady类似。
onReady是在页面首次渲染完成后执行。此时如果挂载组件没有任何依赖条件的话会先于onReady,但挂载组件可能在数据组件里,或者设置有渲染条件,只有依赖条件成立时才挂载,此时慢于onReady。

比起onReady有几个优点:

  1. 可重复执行:通过控制重新挂载表达式的值或者任一父节点的渲染条件来重新挂载

  2. 挂载组件的执行时机更加准确

  3. 由于挂载组件靠近目标组件,能对目标组件是否有挂载事件一目了然

  4. 对目标组件的针对性更强

时序

多组件的挂载时序:先弟后兄,先子后父。
多组件的卸载时序:先弟后兄,先父后子。

Make in ZC APP Platform