Home Sign Up Sign In
› Vue.js
Advertisement
lawsiki
V2EX  ›  Vue.js

vue3 的一个神奇问题，求解惑

  •   
  •   lawsiki · Oct 12, 2023 · 1653 views
    This topic created in 1006 days ago, the information mentioned may be changed or developed.
    代码地址如下：

    https://play.vuejs.org/#eNp9kU1PwzAMhv9KlAubmDrQbqOb+NAOcAAEHHMpqbtlS5MocUalqv8dL2XdDmhVD47fx87ruOUPzmX7CHzO8yC9crgURtXOemQt81BIVHuYUFSxjlXe1uyK8CthhIEmYSVURdSEC8NYAIxuNE4xoyqM3vRK/5lYz6nX6GY8OSWLshyNzynGcKNCRjC7XrDbu5PS9WGXUnSgP58OxumAUDtdINCJsfw7IlrD7qVWcrcQPN0k+LJtqXfX5dMeIDifDpV8wjFIayq1zrbBGnqb5E1waWunNPg3h8qaIPj86Jpaa21/XlIOfYS/8ahmA3L3T34bmkNO8HcPAfweBB80LPwasJdXn6/QUDyItS2jJvqC+AHB6njw2GOP0ZRk+4xLbp/TnpVZf4VVg2DCcaiD0fTAiRecNv50YfST3Vk2Oy6Gd79sGMJ7

    ![]( )

    为什么这段代码能够正常执行？ ref 包装的对象不是需要 .value 读取修改么？
  • 代码
  • vue3
  • ref
  • value
    4 replies
    charlie21
        1
    charlie21  
       Oct 12, 2023 via Android
    直接在 return 里写东西，这让我想起了
    https://www.naiveui.com/zh-CN/os-theme/components/checkbox
    lawsiki
        2
    lawsiki  
    OP
       Oct 12, 2023
    @charlie21 上手 vue3 就是用的这个框架😂
    zhangjiancheng
        3
    zhangjiancheng  
       Oct 13, 2023
    没有仔细看过 setup 的源码，应该是 setup 在处理 return 的返回值时有做处理，实际在 add()内 console.log(this)也能看到 num 被处理过不需要.value 访问，就像 template 内访问 ref 一样不需要.value
    CHTuring
        4
    CHTuring  
       Oct 13, 2023
    因为 setup 中 return 其实就是 render 函数
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5410 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 08:20 · PVG 16:20 · LAX 01:20 · JFK 04:20
    ♥ Do have faith in what you're doing.