ref

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>