因为我本身是java程序员,习惯了ts class-style模式的语法糖。
vue2的时候用的是vue-property-decorator,但是在vue3下
使用vue-property-decorator会报错,而且这个插件已不再维护。
google了半天,找到另外一个开源的插件vue-facing-decorator。
目前已经整合到vue3 uniapp 中,以下是代码示例,习惯
class-style语法糖的同学,可以拿去用拉。
对于uniapp 生命周期函数,可以通过挂载的方式实现。
import { MyVue } from "@/common/MyVue";
import LoggerUtil from "@/utils/LoggerUtil";
import { Component } from "vue-facing-decorator";
@Component
export default class Home extends MyVue {
title = "hello";
onLoad() {
uni.setNavigationBarTitle({ title: "首页" });
LoggerUtil.info("App onLoad111111");
}
onShow() {
LoggerUtil.info("App Show 1");
this.title += ",vue3"
}
onHide() {
LoggerUtil.info("App Hide");
}
onChange() {
LoggerUtil.info("App Change");
this.title += ",vue3"
}
}
vx: BusyMr-QHD
2 个评论
要回复文章请先登录或注册
h***@163.com
r***@qq.com