Loading... # Vue2 & Vue3 Data 间数据访问 从这例子向你展示： - vue2 可以 直接访问serup 中的数据； - vue3 无法访问 data 中的数据 - 因为 setup 在data 执行之前； ```vue <script lang="ts"> export default { name: 'Person', data(){ return { a: 'vue2 data 中的数据', b: 0, } }, // vue2 的方法 methods methods:{ vue2Data(){ console.log(this.age + 1) } }, // setup vue3 新语法 setup(){ let age = 18 return {age} } } </script> <template> <main class="setBox"> <h1>setup 的 age:<ruby>age}}</h1> <!--<h1>姓名<rp> (</rp><rt>{{name</rt><rp>) </rp></ruby></h1>--> <hr> <button @click="vue2Data">这是从vue2 调动 vue3 setup的年龄 + 1</button> </main> </template> ``` 最后修改：2025 年 04 月 29 日 © 允许规范转载 打赏 赞赏作者 赞 咱们谁跟谁，用不着～