V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
iamzuncle
V2EX  ›  程序员

关于 nuxt 也能用 use client 这件事

  •  
  •   iamzuncle · Apr 4, 2024 · 2118 views
    This topic created in 762 days ago, the information mentioned may be changed or developed.

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

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