4

vue3 jsx 和 template 哪个性能好

 2 years ago
source link: https://www.v2ex.com/t/875228
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

V2EX  ›  Vue.js

vue3 jsx 和 template 哪个性能好

  jahnsli · 2 小时 7 分钟前 · 717 次点击

二次封装 UI 库,card button 这种组件, 是建一个 vue 文件包一层 ( base-button base-card ),还是写 jsx render 哪种性能好

14 条回复    2022-08-25 11:39:27 +08:00
shintendo

shintendo      1 小时 51 分钟前

我的理解是,template 的写法更“死板”,有利于编译器做静态分析和优化,性能应该是更好的
molvqingtai

molvqingtai      1 小时 50 分钟前 via Android

template 性能更好,在编译时就会把固定的节点抽离出来,不参与 vnode 遍历,jsx 就做不到
bojackhorseman

bojackhorseman      1 小时 48 分钟前

当然是 template 了,vue 针对 template 做了优化,用 jsx 就等于放弃了优化
whywaoxaks

whywaoxaks      1 小时 47 分钟前

template
tutou

tutou      1 小时 40 分钟前

我就说这帖子怎么看过?原来是群友,我还以为我大早上就头脑混乱了。
jahnsli

jahnsli      1 小时 32 分钟前

群里问,群里问,群里问完 V2EX 问。
xiaojun996

xiaojun996      1 小时 0 分钟前

想都不用想 template 可以在编译时优化
CHTuring

CHTuring      46 分钟前

为什么我要用 Vue 写 tsx 吗?

如果 Volar 没有那么傻逼,稍微没那么占内存,还稍微不那么卡的话,我也愿意用装上插件用模板。

而且 template 的优化根本就可以忽略不计
z13zvxc

z13zvxc      43 分钟前

@CHTuring Volar 真的卡的受不了 这也是我转 react 的最大动力
CHTuring

CHTuring      41 分钟前

@z13zvxc Vetur 不更新了,Vue3 只有一个 Volar 这一个选项,M1 Pro 16G 都不配用它,该卡还是卡。我是 Vue 和 React 都写。所以能写 tsx 的我都用 tsx 代替,还不需要插件支持。
sjhhjx0122

sjhhjx0122      24 分钟前

@CHTuring 卡就算了,反应还慢,最主要到现在自定义指令都没提示,props 定义起来还奇怪,真不知道 ts 到哪里去了
anguiao

anguiao      23 分钟前

还好我用 WebStorm
murmur

murmur      17 分钟前

@CHTuring 你都买 m1 macbook pro 了,换个 webstorm 试试,不是只有苹果值得花钱的
CHTuring

CHTuring      9 分钟前

@murmur VSCode 用习惯了,话说 webstorm 的光标有没有 cursorSmoothCaretAnimation 这样的选项,太生硬了。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK