对比Vue2中Options API 和 Vue3中Composition API

export default {
  name: 'index',
  data() {
    return {}
  },
  watch: {},
  components: {},
  created() {},
  methods: {},
  computed: {}
}

export default {
  setup(props, context) {
    // 用户登录
    const login = reactive({ login: "1" });
    // 登录验证
    const loginonSubmit = e => {
      e.preventDefault();
      validate()
        .then(() => {})
        .catch(err => {});
    };

    // 用户注册
    const registered = reactive({ registered: "1" });
    const registeredonSubmit = e => {
      e.preventDefault();
      validate()
        .then(() => {})
        .catch(err => {});
    };

    return {
      login 
      loginonSubmit ,
      registered ,
      registeredonSubmit 
    };
  }
};