方法一：

1,html代码如下：

<pre><code id="json"></code></pre>

2,js代码如下

let btn = document.querySelector('#json')
let data = {
  name:'wdj',
  age:18,
  xixi:'haha',
  cue:[{aa:'a'},bb:'b'],
  dd:{aa:'a'},bb:'b'}
}
btn.textContent = JSON.stringify(data, null, ' ')

3,效果如下：

image.png

方法二：

1，html代码如下：

<el-input v-model="javascriptcode" type="textarea" placeholder="请输入js脚本" rows="12"></el-inut>

2,js代码如下：

let data = {
  name:'wdj',
  age:18,
  xixi:'haha',
  cue:[{aa:'a'},bb:'b'],
  dd:{aa:'a'},bb:'b'}
}
this.javascriptcode = JSON.stringify(data, null, ' ')

3,效果如下：

image.png