Demo

1. 设置模板，用 {{ }} 包住的为可修改部分
2. 使用者只可在设定好的位置进行编辑
3. 调用分两种情况：

未修改过，模板只有 {{ }} 标签

已修改过模板中无 {{ }} 标签，但已有 <script> 标签用来生成富文本实例

由于vue.js 是以数据驱动视图，需要注意2点

1. 执行顺序：

通过异步链（Promise）控制执行顺序，在DOM生成后再进行实例化。

2. 区别于jquery 版多个实例化方法，只实例化一个编辑器。

通过 ue.reset()；对编辑器进行重置，避免重复实例化时需将原实例进行销毁的过程。 配合vuex 在多层级调用时更灵活，组件加载完成，添加edit 标签后，需对vuex 中的数据进行一次初始赋值