V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iamzuncle
V2EX  ›  程序员

关于 nuxt 也能用 use client 这件事

  •  
  •   iamzuncle · 28 天前 · 1110 次点击

    今天帮朋友调试代码的时候,因为水合问题,然后我直接给他 template 里用 ClientOnly 一把抱起来,然后他就说这不就和 next 里的 use client 差不多嘛,我一想好像是这么回事,就直接删了 ClientOnly 组件,然后在顶上加了个"use client",结果还真就一个效果。 我还专门跑去官网搜了一圈,StackOverflow 也查了一圈,发现都没类似的文档或者写法,各位佬怎么看

    9 条回复    2024-04-06 01:31:06 +08:00
    BeiChuanAlex
        1
    BeiChuanAlex  
       28 天前
    水合?我一直觉的这个翻译不好,但是又不知道用什么代替。
    chilllfish
        2
    chilllfish  
       27 天前
    刚试了一下好像没这个效果欸,无论写在 script 里还是文件顶部。可以用 console.log 试下,SSR 的话会同时在服务端的终端输出,ClientOnly 就只会在浏览器里输出。全局搜索了下源码也没找到这个词,什么奇怪的巧合🤔
    leokun
        3
    leokun  
       27 天前
    nuxt 用不下去一点,不知道有没有同感的,不如 astro
    xlinux
        4
    xlinux  
       27 天前 via Android
    是不是用缓存?把生成的.nuxt 删了再试试?
    mundane
        5
    mundane  
       26 天前
    什么叫水合问题?
    iamzuncle
        6
    iamzuncle  
    OP
       26 天前 via Android
    @chilllfish 我用的是 Vitesse-nuxt3 那套脚手架,亲测可以,朋友用的裸 nuxt ,都用的 setup 语法糖,use client 写在页顶用冒号包着,没有写在 template 或者 script 内
    iamzuncle
        7
    iamzuncle  
    OP
       26 天前 via Android
    @BeiChuanAlex 确实不好理解,不过知道是什么意思就凑合了,就当是服务端渲染和客户端渲染冲突
    iamzuncle
        8
    iamzuncle  
    OP
       26 天前 via Android
    @xlinux 应该不是,因为后来又测了一遍删除 use client ,就继续报水合问题
    iamzuncle
        9
    iamzuncle  
    OP
       26 天前 via Android
    @leokun 我去看看,我主要是后端,前端是因为写项目需要就边看文档边写了,最开始用的 next ,后来因为有做小程序需求,就改用 nuxt ,结果最后发现 uniapp 没法用 nuxt
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   963 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 23:07 · PVG 07:07 · LAX 16:07 · JFK 19:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.