
mpvue小程序
ThisShe
随笔
展开
-
async 和await用法
async用于定义一个异步函数,该函数返回一个Promise。如果async函数返回的是一个同步的值,这个值将被包装成一个理解resolve的Promise,等同于return Promise.resolve(value)。await用于一个异步操作之前,表示要“等待”这个异步操作的返回值。await也可以用于一个同步的值。3.async/await可以说是co模块和生成器函数的语法糖。用更加清晰的语义解决js异步代码。熟悉co模块的同学应该都知道,co模块是TJ大神写的一个使用生成器函数来解决异步原创 2020-06-05 09:25:13 · 619 阅读 · 0 评论 -
mpvue性能优化:打包文件分析工具
npm run build --report浏览器上原创 2019-10-25 15:28:46 · 436 阅读 · 0 评论 -
mpvue自定义组件
创建自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成。要编写一个自定义组件,首先需要在 json 文件中进行自定义组件声明(将 component 字段设为 true 可这一组文件设为自定义组件):.json (不能有注释语句){ "component": true,// 自定义组件声明 "usingComponents": { //可引...原创 2019-10-25 15:27:03 · 1830 阅读 · 0 评论 -
mpvue分包加载
目前小程序分包大小有以下限制:整个小程序所有分包大小不超过 8M单个分包/主包大小不能超过 2Mmpvue分包代码结构几个注意的点首先要把子包的目录建在src/pages/ 下,而不是官方的平级。子包目录下还需要建一个pages/ 的目录,然后下面才是你的页面目录。app.json中的配置如上图所示就可以了到这里, 重启npm run dev 应该就能跑起你的项目了示例{"...原创 2019-10-25 15:23:54 · 369 阅读 · 0 评论 -
mpvue表单验证WxValidate
页面内引用原创 2019-10-25 15:20:32 · 764 阅读 · 0 评论 -
mpvue框架中使用 Echarts
安装 mpvue-echarts 及 echarts 插件mpvue-echartsnpm i mpvue-echarts --saveechartsnpm i echarts --save由于echarts文件过大,故不安装,前往官网定制echats,后引用静态jsvue文件中以组件的形式使用<template> <div class="echarts-wr...原创 2019-10-25 15:19:04 · 1994 阅读 · 1 评论 -
mpvue小程序父子组件通信-传值、父组件调取子组件、子组件调取父组件
父组件中default-value为传递给子组件的值<x-picker-date @myevent=“toggleToast”>父组件js// 获取子组件信息toggleToast(e){ console.log(e.detail)}子组件jsproperties: {// 父组件传值defaultValue: {type: String,value:...原创 2019-10-25 14:59:16 · 1030 阅读 · 0 评论 -
mpvue promise+wx.request 封装请求
在页面中引用this.$api.api.prototype 拿到api中定义的funciton<script>export default {data() {return {Request: this.$api.api.prototype, //请求头}},methods: {indexShare(){var that = this;that.Requ...原创 2019-10-25 14:57:57 · 228 阅读 · 0 评论 -
mpvue小程序页面跳转
①标签方式:<navigator url="/pages/shopdetail/shopdetail?id={{item.id}}&name='xiaoming'&age=20" open-type="navigate"></navigator>②js事件的方式:wx.navigateTo({ url: "/pages/s...原创 2019-10-25 14:52:25 · 1110 阅读 · 0 评论 -
mpvue 注意事项
1、页面跳转,注意是普通跳转navigateTo还是底部导航跳转 switchTabstarQuestion(){const url = ‘…/subject/main’// switchTab navigateTowx.switchTab({ url })},2、变量 图片 文字 引入组件<img :src="item.ad_url" alt=""><toast...原创 2019-10-25 14:33:28 · 281 阅读 · 0 评论 -
mpvue小程序安装scss
直接用npm安装依赖包就行了,安装好之后不用配置,自动会编译项目初始化后安装 sass 使用所需要的依赖(安装至开发环境下即可 save-dev)1、npm i sass-loader node-sass --save-dev项目中编辑样式 style 标签添加 lang=scss 就可以开始使用 scss 模式编写 css<style scoped lang=scss><...原创 2019-10-25 14:32:22 · 448 阅读 · 0 评论 -
mpvue小程序创建页面
(1)粘贴复制一个页面文件夹,只需要改文件夹名- 文件名不需要改,main.js里的东西不用动。export default里更改局部顶部栏配置。(2)需要写json的要新建一个main.jsonindex.vue<template><div class="container">//编写内容(html)</div></template>...原创 2019-10-25 14:31:07 · 653 阅读 · 0 评论 -
mpvue快速创建和启动一个带热重载、保存时静态检查、内置代码构建功能的小程序项目
快速创建和启动一个带热重载、保存时静态检查、内置代码构建功能的小程序项目使用Vue开发微信小程序:mpvue框架。端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。1.安装node.js2.检查npm版本3.安装淘宝镜像$ npm set registry https://re...原创 2019-10-25 14:24:03 · 455 阅读 · 0 评论