mpvue创建小程序

mpvue + mpvue-entry 创建小程序

为什么要使用mpvue :

在熟悉vue的基础上，使用原生小程序的语法开发学习成本大，而使用mpvue可以大大节约时间成本，使用vue的语法进行小程序的开发

mpvue 相关介绍 ： http://mpvue.com/ 或者 http://mpvue.com/mpvue/quickstart/

第一步： vue init F-loat/mpvue-quickstart my-project(my-project 是项目名)

第二步：安装 mpvue-entry

第三部：安装依赖 npm i 

mpvue-entry github地址： https://github.com/F-loat/mpvue-entry

为什么要使用mpvue-entry :

mpvue的默认页面需要一个xx.vue单页面组件，同时配合上一个main.js文件，也就是说每新建一个页面都需要这样两个文件，而且main.js中的东西基本重复，显得比较冗余,而使用mpvue-entry 该插件使得我们新建页面时只需要一个xx.vue文件，并且将页面路由通过一个js文件统一配置（符合vue开发的习惯），不用再放置在main.js中了

为什么要使用mpvue-router-patch ：

因为小程序与vue的路由机制的差异，所以我们没法使用vue-router来实现路由转跳（因为vue页面转跳后，之前的页面会销毁；小程序在页面转跳后，之前的页面不会被销毁，而是转入后台, mpvue-router-patch使用起来跟vue 的路由是一样的

mpvue建立小程序的一些坑： https://www.jianshu.com/p/635714eabcbc http://www.bslxx.com/m/view.php?aid=1824

小程序的ui组件 ：

① iview Weapp ：https://weapp.iviewui.com/docs/guide/start
② Vant Weapp : https://youzan.github.io/vant-weapp/#/changelog