mpvue开发的微信小程序转字节跳动（头条，抖音）小程序遇到的坑（一）

mpvue开发微信小程序完成后，领导说转抖音小程序，因为mpvue官方号称是支持的，需要尝试一下。

git(ˉ▽￣～) 切~~分支之后，基本尝试如下：

1.一键搬家的功能：https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument/development-assistance/one-key-move

可以局部安装或者全局安装

npm i wx-to-tt -g

运行项目，确保在dist目录下有wx文件夹。

在项目根目录下执行

wx2tt -i ./dist/wx -o ./dist/tt

等待完成就会发现，在dist目录下多了一个tt文件夹。

2.用字节跳动小程序打开

下载开发者工具

https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument/dev-tool-beta

打开根目录下的tt文件夹

没有appid的话，先申请一个。

3.问题

使用原生框架中，在获取值的时候会出现问题；

原生得取到value： this.form.gkScore = e.mp.detail.value;

vanUI样式框架中取到value： this.form.gkScore = e.mp.detail；

mpvue中的取值和原生小程序的取值不太一样，所以建议在开发时尽量统一，比如要么都用原生的组件，要么就都用支持mpvue

的ui组件比如vantui；

建议尽量用原生组件开发，问题会少一些；