The difference between setup render and setup render ?

[laterdayi]

The difference between setup render and setup render ?

Which one should I use?

import { withModifiers, defineComponent } from 'vue';

const App = defineComponent({
  setup() {
    const count = ref(0);

    const inc = () => {
      count.value++;
    };

    return () => (
      <div onClick={withModifiers(inc, ['self'])}>{count.value}</div>
    );
  },
});

import { withModifiers, defineComponent } from 'vue';

const App = defineComponent({
  setup() {
    const count = ref(0);

    const inc = () => {
      count.value++;
    };

  },
  render(){
      return () => (
        <div onClick={withModifiers(inc, ['self'])}>{count.value}</div>
      );
  }
});

[edison1105]

Both are correct, and which one to use depends on your preference

[laterdayi]

Thank you for your answer. Is there any difference in terms of functional limitations and performance?

[edison1105]

There are no limitations, but setup + return render function perform better because they have the same scope.

[laterdayi]

That is, the first writing method has better performance, right?

[edison1105]

correct.