uni-app开发

uni-app：是一个使用 Vue.js 开发所有前端应用的框架。官网

条件编译：条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。

#ifndef H5 需条件编译的代码 #endif	H5平台
#ifndef MP-WEIXIN 需条件编译的代码 #endif	微信小程序

           loginFn() {
				// #ifdef  MP-WEIXIN
				this.wxLogin()
				// #endif

				// #ifdef  H5 || APP-PLUS
				uni.navigateTo({
					url: '/pkgUser/login/login'
				})
				// #endif
			},
			wxLogin() {
				let userInfo = ''
				let code = ''
				uni.getUserProfile({
					desc: "获取用户资料",
					success: res => {
						userInfo = res
						// console.log(userInfo)
						this.sendLogin(code, userInfo)
					}
				})
				uni.login({
					success: res => {
						code = res.code
						this.sendLogin(code, userInfo)
						// console.log(code)
					}

				})
			},
			async sendLogin(code, userInfo){
				if(!code || !userInfo) return
				console.log(code)
				let res = await uni.$axios.post('路径',{userInfo,code})
				// onsole.log(res)
				this.$store.commit('user/setToken', res.token)
				this.$store.commit('user/setUserInfo', res.userInfo)
			}

可以快捷创建组件：1、创建components文件夹=>2、右键新建组件

 3、在页面内可以使用<search/>标签引入

可以支持vuex：

map方法名（['属性或方法']）映射vuex根模块的数据或方法

map方法名（‘模块名’，['属性或方法']）映射某个模块的数据或者方法

uni-app集成了vue和微信小程序开发相关的内容，具体实现方式需要查阅官方文档。