vue项目-h5跳转小程序

根据微信的开放标签wx-open-launch-weapp可以实现从h5页面跳转判皮小程序的需求

微信文档地址： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

一、安装weixin-js-sdk

版本要求1.6.0

二、config注入

三、页睁衫面引悉冲腔入

四、vue报错

vue会显示wx-open-launch-weapp组件未注册

在main.js中加入

五、效果展示

Vue是一种轻量级的咐乱JavaScript框架，用于构建交互式web界面。它可以用来构建小程序，为用户提供更好的用户体验。Vue具有简单易用的API和开箱即用的功能，例如虚拟DOM，组件化和单文件组件等。Vue还支持组件化开发方式，可以将小程序拆分成多个组件，使代码更加清晰易于维护。使用Vue构建小程序需要掌握Vue的基敏枣本语法，包括指令，组件，父子组件之间的数据传递等，可以使用Vue-cli的脚手架工具快速构建小程序的基本结构和功能。同时Vue也提供了桥简拆一些小程序相关的插件和工具库，例如mpvue和uni-app，为开发人员提供更便捷的开发体验。

vue 的钩子函数在跳转新页面时，钩子函数都会触发，但是 小程序 的钩子函数，页面不同的跳转方式，触发败缓的芦枯返钩子并不一样。

onLoad : 页面加载 一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。

onShow : 页面显示 每次打开页面都会调用一次。

onReady : 页面初次渲染完成 一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。 对界面的设置如 wx.setNavigationBarTitle 请在 onReady 之后设置。详见生命周期

onHide : 页面隐藏 当 navigateTo 或底部tab切换时调用。

onUnload : 页面卸载 当 redirectTo 或 navigateBack 的时候调用。

数据请求

在页面加载请求数据时，两者钩子的使用有些类似， vue 一般会在 created 或者 mounted 中请求数据，而在 小程序 ，会在 onLoad 或者 onShow 中请求数陪饥据。

---