mpvue模板_mpvue小程序开发如果做公用模板？

微信小程序授权获取用户信息不允许弹窗方式获取了&＃xff0c;必须用button方式获取。

那么&＃xff0c;我想在mpvue框架中设置一个公用的模板(or 模块&＃xff1f;)&＃xff0c;里面好放置触发授权选择的按钮&＃xff0c;请问应该怎么设置&＃xff1f;

main.js

import Vue from &＃39;vue&＃39;

import App from &＃39;./App&＃39;

Vue.config.productionTip &＃61; false

const app &＃61; new Vue(App)

app.$mount()

export default {

config: {

pages: [&＃39;^pages/me/main&＃39;],

&＃39;window&＃39;: {

&＃39;backgroundTextStyle&＃39;: &＃39;light&＃39;,

&＃39;navigationBarBackgroundColor&＃39;: &＃39;#EA5149&＃39;,

&＃39;navigationBarTitleText&＃39;: &＃39;恶狼图书&＃39;,

&＃39;navigationBarTextStyle&＃39;: &＃39;light&＃39;

},

&＃39;tabBar&＃39;: {

selectColor: &＃39;#EA5149&＃39;,

list: [

{

pagePath: &＃39;pages/books/main&＃39;,

text: &＃39;图书&＃39;,

iconPath: &＃39;static/img/book.png&＃39;,

selectedIconPath: &＃39;static/img/book-active.png&＃39;

},

{

pagePath: &＃39;pages/comments/main&＃39;,

text: &＃39;评论&＃39;,

iconPath: &＃39;static/img/todo.png&＃39;,

selectedIconPath: &＃39;static/img/todo-active.png&＃39;

},

{

pagePath: &＃39;pages/me/main&＃39;,

text: &＃39;我&＃39;,

iconPath: &＃39;static/img/me.png&＃39;,

selectedIconPath: &＃39;static/img/me-active.png&＃39;

}

]

}

}

}

App.vue

import {get, showSuccess} from &＃39;./util&＃39;

import qcloud from &＃39;wafer2-client-sdk&＃39;

import config from &＃39;./config&＃39;

export default {

async created () {

const res &＃61; await get(&＃39;/weapp/demo&＃39;)

console.log(123, res)

console.log(&＃39;小程序启动了&＃39;)

}

}

.btn{

color:#FFF;

background:#EA5A49;

margin-bottom: 10px;

padding:0 15px;

border-radius: 2px;

font-size:16px;

line-height: 40px;

height: 40px;

width: 100%;

}

.btn:active{

background:#A05049;

}