mpvue 开发多端小程序最新模板

charblus d6e69de9c8 add commentlist comment books in comment page get comment data and books top10 data		5 年之前
.vscode	d6fe278e21 add template	5 年之前
build	5ddc721c13 login openid	5 年之前
config	d6fe278e21 add template	5 年之前
server	d6e69de9c8 add commentlist comment books in comment page get comment data and books top10 data	5 年之前
src	d6e69de9c8 add commentlist comment books in comment page get comment data and books top10 data	5 年之前
static	d6fe278e21 add template	5 年之前
.babelrc	d6fe278e21 add template	5 年之前
.editorconfig	d6fe278e21 add template	5 年之前
.eslintignore	d6fe278e21 add template	5 年之前
.eslintrc.js	d6fe278e21 add template	5 年之前
.gitignore	d6fe278e21 add template	5 年之前
.postcssrc.js	d6fe278e21 add template	5 年之前
README.md	97ab33ad09 [server] bookdetail tags and summary by split [page] tag for badage and show summary desc	5 年之前
index.html	d6fe278e21 add template	5 年之前
package-lock.json	8dae5c102e localhost mysql change in 5.7 version for mysql init success, local dev env selected	5 年之前
package.json	8dae5c102e localhost mysql change in 5.7 version for mysql init success, local dev env selected	5 年之前
package.swan.json	d6fe278e21 add template	5 年之前
project.config.json	d19dc440b8 close domain name validatioin and no use useQcloudLogin for tencent cloud proxy wx small codes	5 年之前
project.swan.json	d6fe278e21 add template	5 年之前

my-mpvue

A Mpvue project

Build Setup

# 初始化项目
vue init mpvue/mpvue-quickstart myproject
cd myproject

# 安装依赖
yarn

# 开发时构建
npm dev

# 打包构建
npm build

# 指定平台的开发时构建(微信、百度、头条、支付宝)
npm dev:wx
npm dev:swan
npm dev:tt
npm dev:my

# 指定平台的打包构建
npm build:wx
npm build:swan
npm build:tt
npm build:my

# 生成 bundle 分析报告
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

server

使用koa开发

cd server
npm run dev

server目录下config中需要填写小程序配置信息Appid & App Secret 等（注：项目放github上App Secret明文显示会收到腾讯云短信提醒该泄露，安全隐患）

mpvue 官方文档常见问题

1.新增页面需要npm run dev重启一下。

2.小程序里所有的 BOM／DOM 都不能用，也就是说 v-html 指令不能用。

3.暂不支持在组件上使用 Class 与 Style 绑定，需要在组件内部书写。

4.mpvue 可以支持小程序的原生组件，比如： picker,map 等，需要注意的是原生组件上的事件绑定，需要以 vue 的事件绑定语法来绑定，如 bindchange="eventName"事件，需要写成 @change="eventName"。

5.mpvue 建议使用v-model.lazy绑定方式以优化性能，此外 v-model 在老基础库下输入框输入时可能存在光标重设的问题。

6.写页面跳转时候传入动态参数，需要写成:url，如：<navigator url=" '../test/main?id='+ id hover-class="none""。

7.通过 this.$root.$mp.query进行获取小程序在 page onLoad 时候传递的 options。通过 this.$root.$mp.appOptions 进行获取小程序在 app onLaunch/onShow 时候传递的 options。

页面跳转和传参(这里mpvue不支持vue-router) 使用微信的页面跳转方法，然后跳转页面使用this.$root.$mp.query获取参数。注：使用this.$root.$mp.query获取参数需要在monted中获取，在created中会报Cannot read property 'query' of undefined 。

mysql语句

Mysql 基本语法

create database 数据库名; 创建数据库
show tables; 查看数据库所有表
desc 表名； 查看数据表
alter table books add column count int default 0; 在books表中添加count int类型默认0；
select title, count from books; 查看books表部分数据
show create table books; 查看创建books用了哪些语句

README.md

my-mpvue

Build Setup

server

mpvue 官方文档常见问题

mysql语句