# 管理华为云Astro轻应用高级页面自定义组件
当开发的自定义组件功能有变动，即组件代码发生变动后，需要更新组件版本，在高级页面中才会生效。本章节以更新组件模板中的widgetVueTemplate组件为例，向您介绍如何管理组件版本。
#### 前提条件
已下载组件模板**widgetVue3Template**，并已将其上传到自定义组件库中。
#### 更新自定义组件
1. 进入[华为云Astro轻应用服务控制台](https://console.huaweicloud.com/appcube/#/home)。
2. 在主页中，单击"进入首页"，进入应用开发页面。
3. 在应用开发页面，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001936101289.png)，选择"环境管理 \> 环境配置"，进入环境配置。
4. 在顶部主菜单中，选择"维护"。
5. 在左侧导航栏中，选择"全局元素 \> 页面资产管理 \> 组件"。
6. 在组件列表中，查找到待更新的自定义组件。
7. 单击待更新的组件，进入组件详情页。 
   图1组件详情页   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002112712753.png "点击放大")
   
   
8. 更新组件。 
   - 方式一：通过组件源码包更新 在组件详情页中，单击"更新"，上传最新的组件源码压缩包。
     1. 将开发完成的组件，压缩成后缀为.zip类型的压缩包。
     
     2. 在组件详情页面，单击"更新"，进入更新组件页面。
     
     3. 选择[8.a]中的组件包，单击"更新"。
     
     4. 返回组件详情页，可查到新上传的组件版本。
        图2新组件版本   
        ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894141692.png "点击放大") 
      
   
   
   
   - 方式二：在线编辑更新
     1. 单击"编辑"，进入组件在线编辑器。
     
     2. 在编辑器中，单击页面右上角的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894301588.png)，获取锁。
        图3获取锁   
        ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894141700.png "点击放大") 
     
     3. 锁定后，根据自身业务需求，在线修改组件文件。 以修改widgetVue3Template.js文件中，name变量值为"Huawei Cloud Astro Zero Studio"为例，向您介绍如何在线编辑组件。
        图4在线编辑组件示例   
        ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002142007868.png "点击放大") 
     
     4. 修改完成后，单击页面右上角的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894301644.png)，进入更新组件页面。
     
     5. 单击"更新"，返回组件详情页面。
     
     6. 单击"预览"，可查看到展示文本已变为"Hello, I am Huawei Cloud Astro Zero Studio"。
        图5预览效果   
        ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002177367885.png) 
      
   
   
   
   
 
#### 管理自定义组件版本
如果更新的组件已用于高级页面中，需要在"页面设置 \> 插件"页签中，更新组件版本，更新后的组件才可在高级页面中生效。
1. 参考[登录华为云Astro轻应用应用设计器](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_9004.html)中操作，登录应用设计器。
2. 在左侧导航栏中，选择"界面"。
3. 单击"更多"中的"页面设置"，进入页面设置。 
   图6管理组件版本示例   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001894301652.png "点击放大")
   
   
4. 在"插件"页签，单击"检查更新"。
5. 在组件列表中，单击组件后的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001936101257.png)，更新组件。
   
   组件更新成功后，在组件列表中，可查看到组件的"版本"已变为最新的版本。
   图7查看更新后自定义组件的版本   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000002325138950.png "点击放大")