vue3对比 Setup、Render、SFC 从 vue 底层实现和性能开销上全面分析三者区别及优略

Gleason.

于 2024-07-10 17:59:46 发布

阅读量863

点赞数 9

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/bianliuzhu/article/details/140330497

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