总体开发思路 开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 我们可以把功能或者需求类似的有机体封装成一个业

查看更多 →

图25 设置自定义组件属性 在组件的事件上添加动作，选择组件右侧属性面板的事件，单击右侧的按钮，在弹出的编辑动作框中选择“内置动作 > 显示/隐藏控件 > 添加控件”，如图24添加动作所示。 图26 添加动作 在弹出的“选择控件”框中，选择要显示或隐藏的控件名称，这里选择“condition:

查看更多 →

首先，我们需要下载Node.js的安装包。你可以在Node.js的官方网站（https://nodejs.org/）下载安装包。 安装完成后，打开命令行工具，输入以下命令来检查Node.js是否成功安装： node -v 如果安装成功，应该可以看到Node.js的版本号。 npm是Node.js的包管

查看更多 →

打包后的文件名字。 --dest 打包后的文件夹的名称。 然后执行打包命令： npm run build-lib 打包执行完成后我们项目目录下就会多出一个“lib”文件夹，存放的是打包后的文件。 图8 输出件 父主题： 外部无AUI依赖开发示例

查看更多 →

前端应用编译和部署 上传代码 Git代码提交：checkout空的华为代码仓库到本地，然后将代码复制到本地目录，先然后Add 然后commit 最后push 修改编译命令 export PATH=$PATH:/root/.npm-global/bin #设置缓存目录 npm config

查看更多 →

html 注意：此处访问使用localhost作为域名，而没有使用编译器中的IP，原因是Chrome 47以后，getUserMedia API只能允许来自“安全可信”的客户端的视频音频请求，如https和本地的localhost。如果页面的脚本从一个非安全源加载，Chrome会抛出错误。

查看更多 →

的菜单栏（若没有可配置的事件，则菜单栏为空），选择需要绑定的事件。 图2 绑定事件 在事件栏中鼠标移至添加按钮上，弹出菜单栏，选择“自定义JS”。 事件绑定中选择在页面JS中新增的exampleFunction方法（或添加新方法）。 图3 自定义JS 单击“确定” 给属性绑定JS方法

查看更多 →

性能分析：提供组件渲染的性能数据，帮助找到和解决性能瓶颈。 插件支持：可以集成第三方Vue插件，为开发者提供更多的调试工具。 定制设置：允许开发者根据自己的喜好调整Devtools的外观和行为。 总的来说，Vue Devtools是每个Vue开发者必备的工具，无论是新手还是经验丰富的开发者，都

查看更多 →

当低代码平台提供的全局高级组件无法满足您的开发需求时，支持开发者自定义组件包，上传后可在高级页面中使用。自定义组件的开发流程如下： 下载系统预置的组件模板到本地。 基于模板，在本地根据自身业务需求开发组件。 将已开发好的组件上传到组件库。 场景描述 本章节以开发网站中常用的标签切换页面

查看更多 →

组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 是 initContainer render中抽取的独立逻辑，初始化

查看更多 →

当低代码平台提供的全局高级组件无法满足您的开发需求时，支持开发者自定义组件包，上传后可在高级页面中使用。自定义组件的开发流程如下： 下载系统预置的组件模板到本地。 基于模板，在本地根据自身业务需求开发组件。 将已开发好的组件上传到组件库。 场景描述 本章节以开发网站中常用的标签切换页面

查看更多 →

CDN上云标准流程 概述 使用CDN前 使用CDN中 使用CDN后

查看更多 →

可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。 基于Webpack的构建过程 使用Webpack作为构建工具，通过对源代码进行打包、压缩、合并等操作，最终生成可运行的JS和CSS文件，将整体项目包装成一个独立单元模块，以组件的形式暴露。

查看更多 →

发行说明 上传库的发布描述信息。 上传成功后，在库的“租户”中，可查看到上传的库。 “全局”页签中的库，是系统预置的库，不可编辑和禁用，只能下载。 （可选）查看该库的版本号和库ID。 单击已上传的组件，进入库的详情页面，即可查看到库ID。在详情页的“更改历史”中，可查看库的版本号（按照

查看更多 →

nvas界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击，选择待上传的库，并设置库的基本信息。 图2 上传自定义库 库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。 库ID：上传库的ID，由字母及数字组成，且必须以字母开头。

查看更多 →

发行说明 上传库的发布描述信息。 上传成功后，在库的“租户”中，可查看到上传的库。 图3 上传完成 “全局”页签中的库，是系统预置的库，不可编辑和禁用，只能下载。 （可选）查看该库的版本号和库ID。 单击已上传的组件，进入库的详情页面，即可查看到库ID。在详情页的“更改历史”中，

查看更多 →

这里的ng命令也和React一样，在项目根目录“node_modules”文件夹下的.bin目录里面存在名为ng的文件，修改该文件的首行： #!/usr/bin/env node --max_old_space_size=4096 父主题： Npm构建

查看更多 →

每个和数据有关的组件，在其属性面板侧都可进行数据绑定。绑定主要分为如下两种： 值绑定：组件的返回值，也可以理解为默认的属性value绑定。典型的值绑定场景有表单、表格、列表视图。输入框、下拉框等基础组件对应的value属性，类似Vue的v-model。 属性绑定：对该组件所有属性的动态设

查看更多 →

影响用户比例=访问某个页面报错的用户数量/访问某个页面用户的总数量。例如：100个人访问了某个页面，其中10个人页面报错了，那影响用户比例就是10%。 页面地址 页面的地址 错误信息 报错的信息 错误栈 该错误产生的错误堆栈 最近错误时间 最后一次报错的时间 影响用户数 影响用户的个数 页面错误率

查看更多 →

在左侧资产下的组件模板中，单击widgetVueTemplate，再单击“下载”。 图1 下载组件模板 在弹出的窗口中，输入组件名称，并单击“保存”，将组件模板保存到本地，并解压。 图2 输入组件名称 查看解压后的组件目录。 目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin

查看更多 →

CDN和OBS能共用流量包吗？ CDN和OBS属于两个完全不同的产品，计费方式和价格完全不同，无法共用流量包。 父主题： 购买计费

查看更多 →