javascript:vuejs_vs_jquery

差分

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

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
javascript:vuejs_vs_jquery [2022/10/16 11:00] – ともやんjavascript:vuejs_vs_jquery [2022/10/16 11:41] (現在) – ともやん
行 44: 行 44:
     procTime.start('Vue3.Load');     procTime.start('Vue3.Load');
     const Vue3 = Vue     const Vue3 = Vue
-    const { createApp } = Vue3+    const { createApp } = Vue
     Vue3_Load_ms = procTime.end('Vue3.Load');     Vue3_Load_ms = procTime.end('Vue3.Load');
          
行 109: 行 109:
         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(''),
             }             }
           }           }
行 119: 行 119:
           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`);
行 154: 行 155:
 </html> </html>
 ====== Vue.js vs jQuery ====== ====== Vue.js vs jQuery ======
-<WRAP prewrap 100% #vue2_test> +<WRAP prewrap 100% #vue3_test></WRAP>
-</WRAP>+
 \\ \\
-<WRAP prewrap 100% #vue2_container> +<WRAP prewrap 100% #vue3_container></WRAP>
-</WRAP>+
 \\ \\
-<WRAP prewrap 100% #vue3_test> +<WRAP prewrap 100% #vue2_test></WRAP>
-</WRAP>+
 \\ \\
-<WRAP prewrap 100% #vue3_container><html> +<WRAP prewrap 100% #vue2_container></WRAP>
-<div v-for="item in items">{{ item }}</div> +
-</html></WRAP>+
 \\ \\
-<WRAP prewrap 100% #jquery_test> +<WRAP prewrap 100% #jquery_test></WRAP>
-</WRAP>+
 \\ \\
-<WRAP prewrap 100% #jquery_container> +<WRAP prewrap 100% #jquery_container></WRAP>
-</WRAP>+
  
  • javascript/vuejs_vs_jquery.1665885629.txt.gz
  • 最終更新: 2022/10/16 11:00
  • by ともやん