脚本宝典收集整理的这篇文章主要介绍了[Vue3全面测试]setup的运行时序等的验证,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
<template> <div> {{dataname}} {{SETUPname}} <p>Num:{{num}}</p> <p>Age:{{age}}</p> <button @click="plusOne1()">+</button> <button @click="plusOne2()">+</button> </div> </template> <script> import {ref, onmounted} From 'vue' export default { name:'method', data(){ return { dataname:'xiaosan', num:1 } }, mounted() { console.LOG("mounted.") }, methods:{ plusOne1(){ this.num++ this.age++ } }, setup(){ const setupname =ref('小四') const age=ref(18) function plusOne2(){ age.value++ //this.num++ 不起作用。 } onMounted(() => { console.log("OnMounted.") }) return { setupname, age, plusOne2 } } } </script>
以上是脚本宝典为你收集整理的[Vue3全面测试]setup的运行时序等的验证全部内容,希望文章能够帮你解决[Vue3全面测试]setup的运行时序等的验证所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。