Laravel 5.3 & vuejs fragment instance issue

Question

Ich benutze eine Laravel 5.3 Anwendung, die VueJS mit webpack unterstützt. Ich habe ein Problem vue-Mehrfachauswahl macht mit, die zeigt:

[Vue warn]: Attribute "v-model" is ignored on component <multi-select> because the component is a fragment instance:

Ich bin ein einfaches Beispiel in der vue-Multiselect-Dokumentation verwenden, die ich schließlich in einem anzuzeigen Ländern verwenden Form, daher der Name der Komponente. Ich habe versucht, nach Lösungen zu suchen, aber niemand mit Laravel 5.3 scheint dieses Problem zu haben. Ich habe die Beispielkomponente ausprobiert, die mit Laravel geliefert wird, und es funktioniert gut.

app.js:

Vue.component('country', require('./components/country-select.vue'));; 

new Vue({ 
    el: 'body' 
}); 

Land-select.vue:

<template> 
<div class="dropdown"> 
<multi-select v-model="value" :options="options" :searchable="false" :close-on-select="false" :show-labels="false" placeholder="Pick a value"></multi-select> 
</div> 
</template> 

<script> 
import Multiselect from 'vue-multiselect'; 

export default { 
    components: { 
    'multi-select': Multiselect 
    }, 
    data() { 
    return { 
     value: '', 
     options: ['Select option', 'options', 'selected', 'mulitple', 'label', 'searchable', 'clearOnSelect', 'hideSelected', 'maxHeight', 'allowEmpty', 'showLabels', 'onChange', 'touched'] 
    } 
    } 
} 
</script> 

Blade-Datei:

<country :options="options" 
    :selected.sync="selected" 
    :show-label="false"> 
    </country> 

Answer 1

dieses Problem dadurch gelöst, 2.

zu Vue Upgrade