JsonUtil将vue文件转换成字符串 - 戴向天

大家好！我叫戴向天

QQ群：602504799

import jsPlugIn from './js-plugIn' /** * Author：戴向天 * createdTime: 2020-09-04 * * 创建该文件的目的是为了将vue文件进行相对应的转换成字符串 * 然后通过解析字符串来进行生成vue文件 * * 因为有些机制的传输数据格式必须为字符串形式 * 所以可以通过jsonUtils来进行操作编译和反编译 * */ const jsonUtils = window.JSON jsonUtils.JsonValToString = function (obj = {}) { const resObj = {} for (let key in obj) { if (jsPlugIn.getType(obj[key], 'function')) { resObj[key] = obj[key].toString(); } else if (jsPlugIn.getType(obj[key], 'json')) { resObj[key] = jsonUtils.JsonValToString(obj[key]) } else { resObj[key] = obj[key] } } return resObj } jsonUtils.JsonValToJson = function (obj = {}) { const resObj = {} for (let key in obj) { if (jsPlugIn.getType(obj[key], 'string') && !obj[key].indexOf('function')) { const arr = obj[key].split(' ') arr.shift() const funName = arr.join('').split('(')[0] if (['String', 'Number', 'Array', 'Boolean', 'Object', 'Function'].indexOf(funName) >= 0) { resObj[key] = eval("(" + funName + ")") } else { resObj[key] = eval("(" + obj[key] + ")") } } else if (jsPlugIn.getType(obj[key], 'json')) { resObj[key] = jsonUtils.JsonValToJson(obj[key]) } else { resObj[key] = obj[key] } } return resObj } jsonUtils.JsonToString = (obj = {}) => jsonUtils.stringify(jsonUtils.JsonValToString(obj)) jsonUtils.StringToJson = (str = '') => jsonUtils.JsonValToJson(jsonUtils.parse(str)) export default jsonUtils

测试：

cmpName：组件名称 component：导入的vue文件 Vue.component(cmpName, JsonUtils.StringToJson(JsonUtils.JsonToString(component)));