复用组件 ​

需求场景 ​

1. 创建一个资讯项的复用组件，效果如下图：

2. 将复用组件在页面中使用，效果如下图：

操作步骤 ​

1. 进入包含移动端场景的应用可视化设计器
2. 鼠标移动到移动端页面树中的复用组件节点，点击更多操作图标按钮，选择添加组件目录，输入英文目录名称（如：news）

3. 将鼠标移动到刚创建的目录节点，点击更多操作图标按钮，选择添加复用组件，输入英文页面名称（如：item）,不需要跟.vue 的后缀名

4. 双击刚创建的组件节点，出现组件设计器画布，同时物料区域也会出现组件物料

5. 根据 UI 完成资讯项设计开发

6. 拖拽复用组件到页面中使用