• Vue
  • 可以像react那样使用[use::tsx]返回组件模版,就不用声明组件模版了
    • 但作用仅限于:更方便的返回组件模版,setup并不会像react渲染函数那样,每次执行setup

示例

import { ref, defineComponent } from 'vue';
export default defineComponent({
  setup() {
    // 初始化时执行一次(控制台仅打印一次)
    console.log('setup executed'); 
    const count = ref(0);
    const increment = () => count.value++;
    // 返回渲染函数(每次数据变化时重新执行)
    return () => (
      <div>
        <p>Count: {count.value}</p>
        <button onClick={increment}>+1</button>
      </div>
    );
  }
});