一.什么是mpvue框架？ mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心（所以建议熟练掌握vue再使用mpvue框架，否则还是建议去使用原生框架去写小程序），mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。 二.必要的开发基础 ① 熟练掌握vue.js（未曾使用过vue这个框架的话，建议vue的官方文档进行学习：https://cn.vuejs.org/v...
1. vant 介绍### 扫码体验Vant - 轻量、可靠的移动端 Vue 小程序 组件库。由 有赞 公司开发与维护。提供了一系列美观、优质的移动端组件。vant 官网 2. 在普通小程序怎么使用 vant 组件 使用之前 使用 Vant Weapp 前，请确保你已经学习过微信官方的小程序简易教程 和自定义组件介绍 安装 方式一. 通过 npm 安装 (推荐) 小程序已经支持使用 npm 安装第三方包，详见npm 支持 # npm npm i vant-weapp -S --production# yarn yarn add...
第一次使用mpvue框架来写小程序，项目开发直接搬用mpvue-shop（一个仿网易严选的小程序开发项目）,项目结构清楚,实现了大部分功能，对于初次使用mpvue的小伙伴们来说，是一个很好的选择。 关于组件的选择： 1.echarts-for-weixin,官方echarts的小程序版本。使用参考：echarts-for-weixin介绍，如果你是原生开发小程序版本，这个组件非常适合你，开发过程中可使用echarts官方提供的所有配置和Api,但并不适合mpvue项目。 2、wx-chart...
下面先给大家介绍下vue 设计一个倒计时秒杀的组件 ，具体内容如下所述： 简介： 倒计时秒杀组件在电商网站中层出不穷 不过思路万变不离其踪，我自己根据其他资料设计了一个vue版的 核心思路：1、时间不能是本地客户端的时间 必须是服务器的时间这里用一个settimeout代替 以为时间必须统一 2、开始时间，结束时间通过父组件传入，当服务器时间在这个开始时间和结束时间的范围内 参加活动按钮可以点击，并且参加...
众所周知如今市面上端的形态多种多样，手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。 但面对目前市面上成熟的小程序第三方框架如何针对自己的需求进行选择也是一个麻烦事,本文针对当前市面上的三大转译框架进行一个综合对比,希望...
简介：mpvue框架对于从没有接触过小程序又要尝试小程序开发的人员来说，无疑是目前最好的选择。mpvue从底层支持 Vue.js 语法和构建工具体系，同时再结合相关UI组件库，便可以高效的实现小程序开发 前言：本文讲述如何搭建完整的小程序项目框架，因为是第一次使用，有不完善的地方请大佬指正。搭建内容包括：1、使用scss语法：依赖插件sass-loader 、node-sass2、像vue一样使用路由：依赖插件 mpvue-entry 和 mpvue-router-patch3、...
打开github，把项目克隆下来https://github.com/F-loat/mpvue-quickstart 跳转页面，废话不多说直接点。。。 打开pages.js默认是有两个页面的，现在新添加一个newpage的页面这样加就行了！ 然后是 用模版上的方法去跳转页面已测试OK，虽然是很简单的问题，但是没找到在哪写的，所以给记录下来！希望对你有用总结 以上所述是小编给大家介绍的基于vue开发微信小程序mpvue-docs跳转页面功能，希望对大家有所帮助，如果大家有任何疑问请...
这是我第一次开发小程序，开发的产品是音频类的，在大佬的建议下采用了 mpvue ,一周时间把功能都做出来，由于不太熟悉mpvue和微信小程序，足足用了一周时间来改bug才出来一个能用的版本，在这里整理分享下我开发时遇到的一些问题和给出一些建议。在 Linux 上开发小程序 在公司电脑装了双系统，日常用的是 Ubuntu 系统，Linux或Mac的开发环境对前端相对来说会友好一些。微信小程序官方的开发者工具只有 Windows 和 Mac 版本，所以这...
wepy框架借鉴了vue的语法风格和功能特性，但是在使用过程中还是发现与vue有很大的不同。现在总结一下自己开发中遇到的问题，共大家参考一下。如果第一次用wepy开发，强烈建议仔细阅读一下这篇文章，一定对你有帮助，会帮你节约很多宝贵的时间。开发过程中也建议大家时不时的回来阅读一次，巩固加强记忆。 wepy中的组件组件里面的坑还不是一般的多！首先来说说组件间的数据共享。在vue中你也能做到这一点，只要把 data 写成一个对象...
前言微信小程序默认给我们提供了一个省市区的picker选择器，只需将mode设置为region即可 <pickermode="region"bindchange="bindRegionChange"value="{{region}}"custom-item="{{customItem}}">因为小程序默认提供的省市区选择器只能保存名称，不能保存id，而且我也不需要选择三级城市，所以这里打算通过mode="multiSelector"来实现省份城市的选择 城市数据json格式关于省份城市数据的获取，这里我通过接口去获取数据，返回的json格...
mpvue使用# 全局安装 vue-cli $ npm install --global vue-cli# 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-project# 安装依赖 $ cd my-project $ npm install # 启动构建 $ npm run dev vant使用yarn add vant# 将node_modules下的vant-weapp下的dist目录复制到static下的vant目录即可调用 vant调用main.json中调用{"navigationBarTitleText": "Home","usingComponents": {"van-button": ...
这篇笔记主要记录一下基于mpvue的小程序中实现自定义导航的思路及应用。分享出来抛砖引玉，如有谬误或优化空间，欢迎交流。 小程序的配置项navigationStyle设置为custom之后，导航栏只保留右上角胶囊按钮，颜色、标题文字内容均可以自定义，可以此实现导航栏的个性化需求，实际应用如沉浸式视频播放页等。小程序7.0.0之后的版本开始支持自定义单个页面的导航栏，将页面的navigationStyle设置为custom即可。mpvue的配置方式如下：由...
匿名函数下的this 方便本地demo，没有使用webpack 引入两个文件，vue和axios axios返回一个promise对象，我们通过axios进行ajax请求<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script src="https://unpkg.com/axios/dist/axios.min.js"></script> <body><div id="app">{{ message }}</div> </body>看下js部分 var message = 我是全局message!; var app = new Vue({el: #app,data() {return {message: ...
1. 初始化一个 mpvue 项目 现代前端开发框架和环境都是需要 Node.js 的，如果没有的话，请先下载 nodejs 并安装。 然后打开命令行工具： # 1. 先检查下 Node.js 是否安装成功 $ node -v v8.9.0$ npm -v 5.6.0# 2. 由于众所周知的原因，可以考虑切换源为 taobao 源 $ npm set registry https://registry.npm.taobao.org/# 3. 全局安装 vue-cli # 一般是要 sudo 权限的 $ npm install --global vue-cli@2.9# 4. 创建一个基于 mpvue-q...
在获取富文本后，又只要显示部分内容，需要去除富文本标签，然后再截取其中一部分内容；然后就是过滤器，在微信小程序中使用还是挺多次的，在vue及react中也遇到过 1.富文本去除html标签 去除html标签及 空格 let richText = <p style="font-size: 25px;color: white"> sdaflsjf的丰富及饿哦塞尔</p><span>dsfjlie</span>; /* 去除富文本中的html标签 */ /* *、+限定符都是贪婪的，因为它们会尽可能多的匹配文字，只有在它们...