vue + vant 入门

• 前置环境

  • ndoe
  • vue vue

• 快速使用：

  • 初始化 vue 项目

     vue create 项目名称（可自取） 可以根据自己需要完成交互设置
  

  

  • 接着就npm 就会自动下载依赖了如果比较慢可以使用 某宝镜像提高速度 安装vant 插件

  

  • 增加vant 插件支持

    plugins: [
      ['import', {
        libraryName: 'vant',
        libraryDirectory: 'es',
        style: true
      }]
    ]  
  

• 按需引入 ``` import { Rate } from 'vant';

Vue.use(Rate);

```

• 使用

   <template>
    <div class="hello">
      <ul>
       <van-rate v-model="value" />
      </ul>
    </div>
  </template>
  
  <script>
  export default {
    data () {
      return {
        value: 6
      }
    }
  }
  </script>
  

  至此类似其他的组件也可以根据自己的需要引用。