sorry to necro, but it seems the issue is deeper. c.f.:

<div v-repeat="collection in document">editor for {{$key}}<br>
    <template v-for="input_type in schema[collection.type]">
        <partial :name="'editor-'+input_type"></partial>
    </template>
</div>
<div v-for="collection in document">editor for {{$key}}<br>
    <template v-for="input_type in schema[collection.type]">
        <partial :name="'editor-'+input_type"></partial>
    </template>
</div>

window.demo = new Vue({
    el: 'body',
    data: {
        document: {
            'collection#1': {
                "type": 'test_collection',
            }
        },
        schema : {
            test_collection: {
                "foo":"number",
            }
        }
    },
    partials: {
        'editor-number': '<input v-model="collection[$key].value" type="number"> {{collection | json}}'
    }
})

when outer loop is changed to v-for the input lose its value on blur

That's actually a separate issue, opening a new one in #1370.

can i use ionic components in vuejs? such as collection-repeat and mobile ui

@chenjie-cnooc I don't see how this is related to the topic, but no. Ionic depends on angular, and angular component directives are not compatible with vue and will require almost complete rewrite. The only thing you can reuse from ionic is CSS.