Vue中给动态生成的input实现数据双向绑定

动态生成的input列表，怎样在data中生成相应数量的key与之实现双向绑定

<div id="test">
    <div v-for="module in modules">
        <input v-model="module.text"/>
    </div>
    <input type="button" value="add" @click="add">
</div>

var app=new Vue({
        el:'#test',
        data:{
            modules:[{
                text:'test'
            }]
        },
        methods:{
            add:function(){
                this.modules.push({text:''});
            }
        }
    })