使用mpvue开发微信小程序
发布时间：2020-12-14 19:54:32 所属栏目：资源 来源：网络整理
导读：惠民小程序小编了解到，微信小程序成为当下热门话题，下面从多个方面来谈谈 使用mpvue开发微信小程序 。 最新消息， 近日， 微信官方对小程序组件进行两个调整，给用户提供更自主的选择权。 1 打开其他小程序组件上线，用户点击后就可以直接跳转到其他小程序
|
惠民小程序小编了解到，微信小程序成为当下热门话题，下面从多个方面来谈谈使用mpvue开发微信小程序。 最新消息， 近日， 微信官方对小程序组件进行两个调整，给用户提供更自主的选择权。 1 打开其他小程序组件上线，用户点击后就可以直接跳转到其他小程序了。 2 新增打开小程序设置页组件，用户点击后可以进入设置页管理自己的各项授权信息。 ■开发者
组件机制 小程序逻辑和视图层代码彼此分离，公共组件提取后无法聚合为单文件入口，组件需分别在视图层和逻辑层引入，维护性差；组件无命名空间机制，事件回调必须设置为全局函数，组件设计有命名冲突的风险，数据封装不强。开发者需要友好的代码组织方式，通过 ES 模块一次性导入；组件数据有良好的封装多端复用 常见业务类型： 通过已有 H5 产品改造为小程序应用反之小程序 小程序开发框架无法做到多端复用配套设施mpvue-loader 提供 webpack 版本的加载器mpvue-webpack-target webpack 构建目标postcss-mpvue-wxss 样式代码转换预处理工具px2rpx-loader 样式转化插件mpvue-quickstart mpvue-quickstartmpvue-simple 辅助 mpvue 快速开发 Page / Component 级小程序页面的工具其它设计思路小程序 & vue.js 都是逻辑视图层框架 数据 -> 驱动 -> 视图变更事件 -> 响应 -> 视图变更参照 vue 编写小程序代码小程序负责视图层展示vue.js 集中业务逻辑vue 数据变更后同步到小程序生命周期不同：onReady 后触发 vue mounted注意 限制不支持v-html模板中不支持复杂的js 表达式——可使用computed不支持过滤器 控制台提示较少 很多情况下不提示出错原因 模板语法中不支持methods 中的方法 使用 computed传递更改后的数据可调整为获取数据时直接更改 getData(){let arr = [3.255,15]// 遍历数组里面的元素,然后格式化一下,添加到 costList里去arr.map(item => {this.costList.push = this.formatCost(item)})}所有页面 created 生命周期函数，加载时一次执行用 mounted 或者 onLoad 或者 onReady 代替 代码结构 pages 小程序的各个页面 utils 公用的工具代码 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
