差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
javascript:vuejs_vs_jquery [2022/10/16 11:22] – ともやん | javascript:vuejs_vs_jquery [2022/10/16 11:41] (現在) – ともやん | ||
---|---|---|---|
行 107: | 行 107: | ||
$vue3_test.html('< | $vue3_test.html('< | ||
vue3_term.echo(`Vue3 Append Div * ${COUNTER} start!`); | vue3_term.echo(`Vue3 Append Div * ${COUNTER} start!`); | ||
- | const vue3_items = new Array('' | + | const vue3_items = []; |
procTime.start(' | procTime.start(' | ||
- | createApp({ | + | |
data() { | data() { | ||
return { | return { | ||
- | items: | + | items: |
} | } | ||
} | } | ||
}).mount('# | }).mount('# | ||
- | vue3_items.length = 0; | ||
for (let i = 0; i < COUNTER; i++) { | for (let i = 0; i < COUNTER; i++) { | ||
vue3_items.push(`Test${i + 1}`); | vue3_items.push(`Test${i + 1}`); | ||
} | } | ||
+ | vue3_app.items = vue3_items; | ||
ms = procTime.end(' | ms = procTime.end(' | ||
vue3_term.echo(`Vue3 Append Div * ${COUNTER} Process time: ${ms}ms`); | vue3_term.echo(`Vue3 Append Div * ${COUNTER} Process time: ${ms}ms`); |