# 管理高级组件版本
#### 使用说明
当开发的自定义组件功能有变动，即组件代码发生变动后，需要更新组件版本，在高级页面中才会生效。本章节以更新组件模板中的widgetVueTemplate组件为例，向您介绍如何管理组件版本。
#### 前提条件
已下载组件模板中的**widgetVueTemplate**，并已将其上传到自定义组件仓库中。
#### 更新组件
1. 参考[如何登录经典版环境配置](https://support.huaweicloud.com/usermanual-astrozero/astrozero_06_2092.html)中操作，登录经典版开发环境管理中心。
2. 在左侧导航栏中，选择"应用管理 \> 页面资产管理 \> 组件"。
3. 在组件列表中，查找到待更新的自定义组件。 
   图1查找待更新组件   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960287333.png "点击放大")
   
   
4. 单击待更新的组件，进入组件详情页。 
   图2组件详情页   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960287329.png "点击放大")
   
   
5. 更新组件。 
   - 方式一：通过组件源码包更新 在组件详情页中，单击"更新"，上传最新的组件源码压缩包。
     1. 将开发完成的组件，压缩成后缀为.zip类型的压缩包。
     
     2. 在组件详情页面，单击"更新"，进入更新组件页面。
     
     3. 选择[5.a]中的组件包，单击"更新"。
     
     4. 返回组件详情页，可查到新上传的组件版本。
        图3新组件版本   
        ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932888836.png "点击放大") 
      
   
   
   
   - 方式二：在线编辑更新
     1. 单击"编辑"，进入组件在线编辑器。
     
     2. 在编辑器中，单击页面右上角的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960287337.png)，获取锁。
        图4获取锁   
        ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933048192.png "点击放大") 
     
     3. 锁定后，根据自身业务需求，在线修改组件文件。 以修改widgetVueTemplate.js文件中，name变量值为"AppCube Studio"为例，向您介绍如何在线编辑组件。
        图5在线编辑组件示例   
        ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960127545.png "点击放大") 
     
     4. 修改完成后，单击页面右上角的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932888792.png)，进入更新组件页面。
     
     5. 单击"更新"，返回组件详情页面。
     
     6. 单击"预览"，可查看到展示文本已变为"Hello, I am AppCube Studio"。 ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960287317.png "点击放大")
        
      
   
   
   
   
 
#### 管理组件版本
若更新的组件已用于高级页面中，需要在"页面设置 \> 插件"页签中，更新组件版本，更新后的组件才可在高级页面中生效。
1. 参考[登录经典应用设计器](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_5025.html)中操作，登录经典版应用设计器。
2. 在页面下方，单击"页面设置"，进入页面设置。 
   图6管理组件版本示例   
   ![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933048196.png)
   
   
3. 单击页面左上角的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960287325.png)，获取锁。
4. 在"插件"页签，单击"检查更新"。
5. 在组件列表中，单击组件后的![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960287321.png)，更新组件。