vue组件报错`Uncaught SyntaxError: Unexpected token import`

Question

使用vue的这个vue-select组件https://github.com/sagalbot/vue-select

按照说明进行：
安装：

$ npm install sagalbot/vue-select

使用：

<template>
   <div id="myApp">
      <v-select :value.sync="selected" :options="options"></v-select>
   </div>
</template>

<script>
import vSelect from '/node_modules/vue-select'
export default {
  components: {vSelect},
  data() {
     return {
        selected: null,
        options: ['foo','bar','baz']
     }
  }
}
</script>

谷歌浏览器报错：

具体代码就是：

请大神帮解释一下怎么回事？

Answer 1

这种格式不能直接在浏览器跑，要用 webpack 或 browserify 预编译。

http://vuejs.org/guide/application.html#Single-File-Components

Answer 2

使用vue-cli构建项目。研究好如何webpack构建前端模块化工程。
es6语法需要转义到es5.
直接运用会报错。

Answer 3

项目根目录下有.babelrc文件吗，没有的话新建一个