vue转小程序,vue编译成小程序
使用vue3+ typeScript 开发小程序
要求是使用 vue3 + typescript 进行开发小程序和H5的跨端应用
在 uniapp 和 taro 这两个之中进行选择 在参了官方和社区示例后最终选择了 taro 。原因在于 uniapp 目前对于 vue3 的支持尚不完全比如说暂不支持 setup 语法糖对于h5的支持比较差 没有支持 vue3 的 ui 框架等等。
node.js
注意tarojs的版本 建议使用 taro 3.0.24 以上的版本
由于引用 node_modules 的模块，默认不会编译，所以需要额外给 H5 配置 esnextModules ，在 taro 项目的 config/index.js 中新增如下配置项：
如果出现类似 Could not find module View in @tarojs/components 的问题，请在进行如下设置：
详情请参考
H5跳转微信小程序
Tips:
Tips:
1、vue2中
2、vue3中，有vue.config.js 的 非vite 项目
3、vue3中，有 vite.config.js 的 vite 项目
4、让后台配合给一个接口，获取微信的config参数
比如node 后台 可参照 node 获取微信签名并使用jssdk
其它语言的随便搜搜都有~
Tips
5、使用开放标签
vue2 中
vue3 中
Tips
由于短信引流成本低，很多公司都使用这样的方式去吸引流量，核心是获取URL Scheme
可查阅 微信官方文档
太长不想看?
核心几点如下:
Tips
如果你这个模板只服务一个短信链接，完全可以写死跳转的url，但是你想搞成通用的，可以像我上面这样封装下，根据类型去不同的小程序。然后URL Scheme也可以向后台实时获取新的，确保这个中间页的链接是有效的。
由于不再支持永久有效，IOS也走中间页，在中间页动态获取有效的URL Scheme实现跳转
缺点:
这样后台要开发接口配合你来获取该链接，且你的h5地址如果很长，最好能生成短链，这样放在短信中不至于太长。
无公众号直接使用小程序身份开发网页并免鉴权跳转小程序?可以吗?
可以参考 官方文档
vue项目-h5跳转小程序
根据微信的开放标签wx-open-launch-weapp可以实现从h5页面跳转小程序的需求
微信文档地址：
一、安装weixin-js-sdk
版本要求1.6.0
二、config注入
三、页面引入
四、vue报错
vue会显示wx-open-launch-weapp组件未注册
在main.js中加入
五、效果展示