通过命令 使用Vue3/Vite版 和vue-property-decorator 一些问题及解决方法

首页说明一下本人个人喜好vue-property-decorator 语法糖的开发方式，对于vue3.0新的语法不做评价****
项目搭建：
1.npx degit dcloudio/uni-preset-vue#vite-ts 创建项目

1. vue-property-decorator语法糖
   出现问题：
   1.如何将uniapp中的小程序生命周期和 vue-property-decorator语法糖进行合并处理达到完美结合
2. 页面中具体如何实现
3. 可不可以参考vue2.0的开发方式进行处理
   4.vue3.0的语法怎么处理
   达成效果

   
   <script lang="ts">  
   import { Vue } from 'vue-property-decorator';  

@Options({
name: 'home'
})
export default class Home extends Vue {
vtype: string = '';
get option() {
return {
column: 3,
className: 'margin-left-right-22',
items: [
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
},
{
visible: true,
icon: 'icon-pen3 font-40',
label: '添加'
}
]
};
}
async onTapChange() {
// const res = await getUserInfo()
}

async onShow() {
const res = uni.getLaunchOptionsSync();
console.log(res);
// this.vtype = await getview();
}
}
</script>

处理结果  
经过本人测试以上问题完全可以解决，并且也可以参考vue2.0的版本

import { Vue } from 'vue-property-decorator';
import { LoginJson, WeixinJson, LoginWeixin } from '@/pages/scripts/login';
@Options({
name: 'login',
onShow() {
console.log('App 9999999999');
// routerTo();
}
})
export default class Login extends Vue {
get loginjson() {
return LoginJson;
}
get weixinJson() {
return WeixinJson;
}

onTapSubmit(data: any) {
LoginWeixin(data);
}
onGetPhoneNumber(data: any) {
console.log(data, 11);
}
}
</script>