您的当前位置:首页正文

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
  • beforeCreate
  • created
  • beforeMount
  • mounted
  • beforeUpdate
  • updated
  • activated
  • deactivated
  • beforeDestroy
  • destroyed

目录

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