Vue js: Uncaught SyntaxError: Unerwarteter Bezeichner an der Importleitung

Question

Ich versuche Vue-Plugins zu verwenden, aber jedes Mal bekomme ich immer einen Unerwarteten Bezeichner in der Importzeile. Irgendwelche Vorschläge?

HTML

<div id="content"> 
    <h1>@{{ message }}</h1> 
    <v-select :value.sync="selected" :options="options"></v-select> 
</div> 

JS

new Vue({ 
    el: '#content', 
    data: { 
    message: 'Hello Worldy' 
    }, 
    import vSelect from "vue-select" 
    export default { 
     components: {vSelect}, 
     data() { 
      return { 
      selected: null, 
      options: ['foo','bar','baz'] 
      } 
     } 
    } 
}); 

Answer 1

Sie können nicht import, von wo aus Sie versuchen zu

import vSelect from "vue-select" 

new Vue({ 
    el: '#content', 
    components: { 
    vSelect: vSelect 
    } 
}); 

und führen Sie dann den Rest davon in dir r Komponentendefinition