后台那边传来的json在vue中怎么写？

Question

<div id="edit" class="collect_body _p_groupList">
        <form action="">
            <basetextbox></basetextbox>
        </form>
    </div>

Vue.component("basetextbox",{
        data:function(){
            return {"proName":"产品名称","ismust":true,"maxlength":128}//ismust、maxlength、proName这些都是后台传过来的，但是似乎不是放在这里的，是该写在哪里的？
        },

        template:`<li>
                    <i v-if=data.ismust class="baseRequired">*</i>
                    data.proName
                    <input type="text"   />
                  </li>`
    })
    
    var vm = new Vue({
        el:"#edit",
        data:{
            
        }
    })

我是想做一个文本输入框，这个文本输入框对输入有限制条件的，因为有多个地方要同时用到这类文本框，所以我想写成组件直接复用，然后后台那边会传过来一堆json格式的东西，我该写在哪里然后可以调用它呢

Answer 1

对于编写的的组件，父组件向子组件传质利用v-bind,子组件接受利用props

Answer 2

https://cn.vuejs.org/v2/guide...
先看看这些跑跑例子吧，都是父子组件通信