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

现在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

要回复文章请先登录注册

苏陌

苏陌 (作者)

回复 1***@163.com :
它也是有的 你直接引用这个地址就行了
2021-09-09 17:58
1***@163.com

1***@163.com

用HbuilderX创建的项目没有 @dcloudio/uni-app 怎么办呢
2021-09-09 15:34
p***@icloud.com

p***@icloud.com

回复 苏陌 :
看到了,感谢
2021-09-06 16:35
苏陌

苏陌 (作者)

回复 p***@icloud.com :
setup(props,ctx) 你打印一下props就可以看到了
2021-09-06 10:55
p***@icloud.com

p***@icloud.com

请问一下,如何获取小程序 onLoad 里面的 options,或者怎么获取页面传参?
2021-09-06 10:24
艾朗

艾朗

顶!!!!!!!!!
2021-09-03 09:01
苏陌

苏陌 (作者)

回复 z***@126.com :
可能只有你导不出,先去看看vue3再看看你的编译器版本吧
2021-09-02 10:14
z***@126.com

z***@126.com

别看他瞎写的,ref根本无法导出的~
2021-09-02 09:45
苏陌

苏陌 (作者)

回复 Web默默 :
vue3的官网 这个语法糖还是实验阶段 uniapp目前肯定不支持
2021-08-31 13:01
Web默默

Web默默

感谢分享,老铁试过vue3.2出的script setup的写法不?
2021-08-31 12:03