如何使用Vue将JSON对象绑定到输入

如何使用Vue将JSON对象绑定到输入,json,vue.js,vuejs2,vue-component,Json,Vue.js,Vuejs2,Vue Component,我有以下json对象: { "chart": { "type": "linerdfgdgdfgf", "backgroundColor": "#FFFFFF", "borderColor": "#000", "borderWidth": 0, "height": 300, "inverted": false, "plotBackgroundColor": "#FFFFFF", "plotBorderColor": "#FFFFFF", "pl

我有以下json对象:

{
"chart": {
   "type": "linerdfgdgdfgf",
   "backgroundColor": "#FFFFFF",
   "borderColor": "#000",
   "borderWidth": 0,
   "height": 300,
   "inverted": false,
   "plotBackgroundColor": "#FFFFFF",
   "plotBorderColor": "#FFFFFF",
   "plotBorderWidth": 1,
   "style": {
     "fontFamily": "Open Sans"
    }
  }
 }
如何将这些对象值映射到输入框

我在方法函数中使用这个函数

getmyEditor: function(){

      chartType: this.options.chart.type;
      this.backgroundColor = this.options.chart.backgroundColor;
      this.borderColor = this.options.chart.borderColor;
      this.borderWidth = this.options.chart.borderWidth;
      this.height = this.options.chart.height;
      this.inverted = this.options.chart.inverted;
      this.plotBackgroundColor = this.options.chart.plotBackgroundColor;
 }

是否要更改样式或显示要输入的值?