ref用来定义响应式变量,定义的变量需要在setup中return 出去,ref定义的变量在script中需要使用.value的形式取值以及赋值,原来在vue2中,就是this.count取值,现在需要count.value取值
<script>
import { ref } from 'vue';
export default {
name: 'HomeView',
setup() {
//定义一个默认值为12的响应式变量
const count = ref(12);
//需要.value来取值
function addNum(num) {
count.value = count.value + num;
}
//最后通过return返回
return {
count,
addNum,
};
},
};
</script>