vue3 中对比 Setup、Render、SFC 从 vue 底层实现和性能开销上全面分析三者区别及优略
/* setup 方式 */
export const Setup = defineComponent({
setup() {
const handleChange = (v: any) => {
};
return () => {
return (
<div>
<button onClick={
handleChange}>Test</button>
</div>
);
};
}
});
/* Render 方式 */
export const Render = defineComponent({
setup() {
const handleChange = (v: any) => {
};
return {
handleChange
};
},
render() {
return