mpvue快速搭建小程序项目

1、生成你的mpvue工程

vue init mpvue/mpvue-quickstart my-mini-project

然后

cd my-mini-project

安装依赖

npm install

安装完成后，运行npm run dev跑服务，小程序加载项目文件目录作为文件入口

2、配置Vant Weapp
官方文档的配置是针对原生写法的，mpvue不适应

下载整个vant-weapp ui 框架的包，将dist目录内的文件全部拷贝到项目static 目录下，并且将文件名命名为vant

在需要引入vant-ui的页面，添加main.json文件，
然后在里面引入

{
  "usingComponents": {
    "van-button": "/static/vant/button/index"
  }
}

接下来，在index.vue中使用vant-ui 的 button组件

<template>
  <div @click="clickHandle">
<van-button plain type="primary">朴素按钮</van-button>
  </div>
</template>