mpvue技术调研

一、环境搭建

1.安装vue环境

npm install –global vue-cli

2.创建一个机遇mpvue-quickstart模板的新项目

vue init mpvue/mpvue-quickstart my-project

3.安装依赖

cd my-project

npm install

4.启动构建

npm run dev

二、网络库

1. flyio

npm installflyio –save

引入main.js文件

const Fly=require(“flyio/diist/npm/wx”)//引入

const fly=new Fly

Vue.prototype.$fly//挂载到vue原型上

2. wx

wx.request

三、技术栈要求

vue、小程序

四、技术相对难点

对原生布局、Vue、小程序语法熟练度

五、参考资料

mpvue官网: <u>http://mpvue.com/mpvue/</u>

vue官网：<u>https://cn.vuejs.org/v2/guide/instance.html</u>

商城项目：<u>https://github.com/heyushuo/mpvue-shop</u>

mpvue生命周期: <u>https://imweb.io/topic/5b8f42127cd95ea863193599</u>

网络库fiyio: <u>https://juejin.im/post/5abb3172518825558c477a3f</u>

vuex: <u>https://vuex.vuejs.org/zh/guide/</u>

微信小程序官网文档:

<u>https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar</u>

vue #mount挂载的奥秘: <u>https://juejin.im/post/5b7fffa851882543036700ad</u>

vue菜鸟教程: <u>https://www.runoob.com/vue2/vue-class-style.html</u>