Wechat applet - day 4

uni-app： It's a use Vue.js Develop a framework for all front-end applications . Official website

Conditional compilation ： Conditional compilation is marked with special comments , Based on these special comments at compile time , Compile the code in the comments to different platforms .

#ifndef H5
Code to be conditionally compiled
#endif    H5 platform
#ifndef MP-WEIXIN
Code to be conditionally compiled
#endif     Wechat applet
           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: " Get user information ",
                    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(' route ',{userInfo,code})
                // onsole.log(res)
                this.$store.commit('user/setToken', res.token)
                this.$store.commit('user/setUserInfo', res.userInfo)
            }
You can quickly create components ：1、 establish components Folder =>2、 Right click new component

 3、 You can use... Within the page <search/> Tags introduced

Can support vuex：

map Method name （[' Properties or methods ']） mapping vuex The data or method of the root module

map Method name （‘ Module name ’,[' Properties or methods ']） Map the data or methods of a module

uni-app Integrated vue Content related to wechat applet development , The specific implementation method needs to consult the official documents