Vue js : Uncaught SyntaxError : 가져 오기 라인에서 예상치 못한 식별자

Question

vue 플러그인을 사용하려고하지만 매번 가져 오기 라인에 예상치 못한 식별자가 표시 될 때마다 발생합니다. 어떤 제안?

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 
    } 
}); 

한 다음 그 나머지를 너 안에 r 구성 요소 정의