Vue js：Uncaught SyntaxError：インポート時に予期しない識別子

Question

vueプラグインを使用しようとしていますが、毎回、インポート行にUnexpected Identifierが表示されます。助言がありますか？

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

あなたがからimportはあなたがしようとしていることができないと

import vSelect from "vue-select" 

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

、その後はそれの残りを行いあなたの中コンポーネント定義