mpvue生存指南

mpvue （github 地址请参见）是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js核心，mpvue 修改了Vue.js的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。
主要特性
使用 mpvue 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：

• 彻底的组件化开发能力：提高代码复用性
• 完整的 Vue.js 开发体验
• 方便的 Vuex 数据管理方案：方便构建复杂应用
• 快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload
• 支持使用 npm 外部依赖
• 使用 Vue.js 命令行工具 vue-cli 快速初始化项目
• H5 代码转换编译成小程序目标代码的能力

mpvue入门

1. npm install -g vue-cli
   vue init mpvue/mpvue-quickstart my-project
   cd my-project
   npm install
   npm run dev
2. 模板语法，计算属性，条件渲染。
3. vue语法+小程序自带组件+小程序api

mpvue生命周期

• vue生命周期+兼容小程序的生命周期
• created创建初始化
• vue不自持的，用小程序自己的，比如下拉刷新onPullDownRefresh

同 vue，不同的是我们会在小程序 onReady 后，再去触发 vue mounted 生命周期，详细的 vue 生命周期文档请看生命周期钩子

• beforeCreate
• created
• beforeMount
• mounted
• beforeUpdate
• updated
• activated
• deactivated
• beforeDestroy
• destroyed

目录

项目目录.PNG
模板语法

• computed+模板+html
• 动态style和class使用计算属性返回字符串
• v-if和v-on用法不变
• v-model全支持