苏陌
苏陌
  • 发布:2021-08-31 10:42
  • 更新:2021-12-08 16:07
  • 阅读:12343

现在uniapp支持了vue3 但是有很多同学不知道怎样用,我分享一下我的经验,感觉有用的话,顶一下,让更多的人看到。

分类:uni-app

注意onLoad 相当于 created ,已废弃,被setup取代

import { onShow,onReady } from '@dcloudio/uni-app'  
import {ref} from 'vue'  
    export default {  
        setup(){  
            const title = ref(1)  
            const next = ()=>{  
                console.log('我是一个方法')  
            }  
            const add= ()=>{  
                title.value++  
            }  
            onShow(()=>{  
                console.log('onShow1');  
            })  
            onReady(()=>{  
                console.log('onReady');  
            })  
            return{  
                title,  
                next,  
                add  
            }  
        }  
    }
5 关注 分享
1***@163.com 123456111 p***@icloud.com 艾朗 sonicsunsky

要回复文章请先登录注册

Web默默

Web默默

回复 Web默默 :
这个问题官方都没出来回复
2021-09-24 15:56
Web默默

Web默默

回复 苏陌 :
亲测script setup写法支持的,但是onLoad真不知道怎么玩,导出没有
2021-09-24 15:43
8***@qq.com

8***@qq.com

```
import { onShow, onReady } from '@dcloudio/uni-app'
import { Vue, Options } from 'vue-class-component'
// 修饰器
@Options({
data() {
return {
title: 'titleName'
}
}
})
export default class index extends Vue {
onShow(): void {
console.log('onShow1')
}
onReady(): void {
console.log('onReady')
}
}
```
2021-09-16 14:41
8***@qq.com

8***@qq.com

你好,请问能不能结合vue-class-component使用嘛
import { onShow, onReady } from '@dcloudio/uni-app'
import { Vue, Options } from 'vue-class-component'
@Options({
data() {
return {
title: 'titleName'
}
}
})
export default class index extends Vue {
onShow(): void {
console.log('onShow')
}
onReady(): void {
console.log('onReady')
}
}
这样写好像并不起作用
2021-09-16 14:38
艾朗

艾朗

回复 苏陌 :
谢谢
2021-09-13 10:02
苏陌

苏陌 (作者)

如果是小程序,请下载Alpha3.2.6版本
2021-09-13 09:44
苏陌

苏陌 (作者)

回复 1***@163.com :
1223858862加我微信 我给你看看,如果你今天还上班的话
2021-09-11 08:55
1***@163.com

1***@163.com

回复 苏陌 :
import {onShow} from "@dcloudio/uni-app"
setup() {
onShow(() => {
console.log("show")
})
}
文件查找失败:'@dcloudio/uni-app' at pages\login\login.vue:13
2021-09-10 18:20
苏陌

苏陌 (作者)

回复 1***@163.com :
来个dome
2021-09-10 17:11
1***@163.com

1***@163.com

回复 苏陌 :
不行啊,直接引用会报错文件查找失败
2021-09-10 13:56