请大神讲一下这个vue组件使用步骤，文档没看懂？

链接在这里：https://github.com/sagalbot/vue-select
文档是这么写的：

第1步：安装，没问题，我可以完成

$ npm install sagalbot/vue-select

第2步：下面代码我只知道是组件的内容，可是怎么使用就不懂了，直接放到一个html里面，运行时会报错，“import”那一行。好像是es6要转换成es5，怎么操作呢？

能否详细一点说一下步骤，就是1、2、3...步该怎么做，每一步用什么工具或者命令，可能对大神来说非常简单，可我不太懂，非常感谢。看了一下vue-webpack-boilerplate，可下载后不知道该怎么把下面的代码放进去，也不知道可不可以用这个工具。

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

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

---

http://vuejs.org.cn/guide/
先把这个教程完整快速的过一遍，语法啥的记不住不要紧，以后用到再回来查。
教程下面有个构建大型应用，把这里面的东西仔细看看

然后把“构建大型应用”下面提供的Vue.js Hackernews Clone项目https://github.com/vuejs/vue-hackernews 下载下来启动看看，研究下目录结构，因为以后开发前端不再是写很多个html文件，而是在一个html中通过vue-router去调用不同的组件

你这个vSelect也是一个vue组件，你在Vue.js Hackernews Clone中会发现很多这样的组件，上面的步骤走通然后你就知道怎么用了

---

var vSelect require('vue-select')
module.exports= {
  components: {vSelect},
  data: function () {
     return {
        selected: null,
        options: ['foo','bar','baz']
     }
  }
}