reactive API的使用

reactive API的使用

reactive API的使用

<template>
  <div>{{ state.content }} <button @click="add">点击</button></div>
</template>

<script>
import { reactive } from "vue";
export default {
  setup(props, { attrs, slots, emit }) {
    const state = reactive({
      content: 0,
    });
    const add = () => {
      state.content++;
    };
    return {
      add,
      state,
    };
  },
};
</script>