VUE实现Studio管理后台（完结）：标签式输入、名值对输入、对话框（modal dialog）
一周的时间，几乎每天都要工作十几个小时，敲代码+写作文，界面原型算是完成了，下一步是写内核的HTML处理引擎，纯JS实现。本次实战展示告一段落，等RXEditor下一个版本完成，再继续分享吧。 剩下的功能：标签式输入、名值对输入、对话框（modal dialog），边框输入，全部完成。 css class输入，样式跟属性输入，效果： 对话框（model dialog效果） 前几期功能效果总览： 标签输入框用来输入CSS class，名字一如既往的好听，就叫RxLabelInput吧。 输入值一个数组，因为有多处要操作数组，增、删、改、克隆、比较等。比较好的一个方式是把Array类用继承的方式重写一下，把这写方法加到里面。但是RXEidtor内核用纯JS实现，并放在一个iFrame里面，它跟主界面只能通过windows message传递数据，带有方法的类无法作为消息被传递，暂时先不用这个方法，只把相关功能抽取成独立函数，放在valueOperate.js里面。 如果以后数组操作量更大，再考虑转成一个通用的数组类。 前几期介绍过，使用计算属性changed来标识数据是否被修改过，changed计算属性内部，需要比较两个值是否相等，普通字符串不会有问题，要比较数组用这样的方式最方便，先排序、转成字符串、比较字符串： aValue.sort().toString() === bValue