本文简单记录一下在项目中引入 mxGraph 到 React 和 Vue中。关于 mxGraph 是什么请自行搜索。 下面是 mxGraph 所涉及的仓库地址 mxgraph mxgraph-typeings 在 React 中引入 这里基干 ES6 的写法引入示例： {代码...} 在 Vue 中引入 这是基于 Vue + Typescript 方式的引入示例： {代码...}

我们知道在HTML中标签可以分为闭合标签和空标签，其中大多数都是闭合标签，只有少数空标签，比如：<input/>、`<img/>、<base/>、<hr/>等。在Vue中定义的组件也可以采用两种方式来书写。

项目中的所有Api配置放在一个文件中，便于查找和修改，Api的版本从配置文件(config.js)中读取，采用apiPrefix + url的形式组成。

在使用Vue开发项目时绝大多数情况下都是使用模板来写HTML，但是有些时候页面复杂又存在各种条件判断来显示/隐藏和拼凑页面内容，或者页面中很多部分存在部分DOM结构一样的时候就略显捉襟见肘，会写大量重复的代码，会出现单个.vue文件过长的情况，这个时候我们就需要更多的代码控制，这时候可以使用渲染函数。

在后台管理系统的日常开发过程中发现对于同一个业务下面的版块不同的开发同事每次都会重复写页面标题的样式，而且不同的页面标题还不太一样。虽然有的页面标题栏承载的元素不一样，但是也有通用的部分，经过多个项目的迭代慢慢地总结与积累完善出了一个通用的页面标题组件<PageHeader/>。

本文主要是记录一下在apache二级目录上面部署react和vue项目。根目录下面部署很简单，但是在二级目录下就需要在webpack的配置或者vue-cli的配置文件以及路由组件做一些简单调整。由于mac系统自己带了apache，所以我们只需要开启就可以了。