javascript:vuejs_vs_jquery

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
javascript:vuejs_vs_jquery [2022/10/16 11:13] – ともやんjavascript:vuejs_vs_jquery [2022/10/16 11:41] (現在) – ともやん
行 107: 行 107:
         $vue3_test.html('<div v-for="item in items">{{ item }}</div>');         $vue3_test.html('<div v-for="item in items">{{ item }}</div>');
         vue3_term.echo(`Vue3 Append Div * ${COUNTER} start!`);         vue3_term.echo(`Vue3 Append Div * ${COUNTER} start!`);
-        const vue3_items = [’’];+        const vue3_items = [];
         procTime.start('Vue3.Append');         procTime.start('Vue3.Append');
-        createApp({+        const vue3_app = createApp({
           data() {           data() {
             return {             return {
-              items: vue3_items,+              items: new Array(''),
             }             }
           }           }
         }).mount('#vue3_container')         }).mount('#vue3_container')
-        vue3_items.clear(); 
         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('Vue3.Append');         ms = procTime.end('Vue3.Append');
         vue3_term.echo(`Vue3 Append Div * ${COUNTER} Process time: ${ms}ms`);         vue3_term.echo(`Vue3 Append Div * ${COUNTER} Process time: ${ms}ms`);
  • javascript/vuejs_vs_jquery.1665886417.txt.gz
  • 最終更新: 2022/10/16 11:13
  • by ともやん