Laravel 5.3 & vuejs片段实例问题

Question

我正在运行一个支持VueJS开箱即用的Laravel5.3应用程序，我和webpack在一起。我在使用vue-multiselect时遇到问题，它显示：

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

我使用的是vue-multiselect文档中提供的一个基本示例，我最终将使用它在表单中显示国家/地区，因此组件的名称也随之而来。我试过寻找解决方案，但似乎没有人在Laravel 5.3上遇到这个问题。我尝试了Laravel附带的example组件，它工作得很好。

app.js：

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

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

国家/地区-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>

刀片文件：

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

Answer 1

通过升级到Vue 2解决了这个问题。