javascript:vuejs

差分

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

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
javascript:vuejs [2022/10/16 08:27] – ともやんjavascript:vuejs [2022/10/16 10:04] (現在) – ともやん
行 28: 行 28:
 一方で高機能なシングルページアプリケーション(SPA)を構築することも可能である。\\ 一方で高機能なシングルページアプリケーション(SPA)を構築することも可能である。\\
 [[https://ja.wikipedia.org/wiki/Vue.js|Vue.js - Wikipedia]] より\\ [[https://ja.wikipedia.org/wiki/Vue.js|Vue.js - Wikipedia]] より\\
 +
 +===== DokuWiki に CDN の Vue 3 でアプリを埋め込む方法 =====
 +<WRAP prewrap 100%>
 +<code javascript>
 +<html>
 +  <script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.min.js"></script>
 +  <div id="vuejs-app">
 +    <p>最新バージョン: {{ vue_ver }}</p>
 +  </div>
 +  <script>
 +      const { createApp } = Vue
 +      
 +      createApp({
 +        data() {
 +          return {
 +            vue_ver: Vue.version,
 +          }
 +        }
 +      }).mount('#vuejs-app')
 +  </script>
 +</html>
 +※Vue.js バージョンを表示するだけの簡単なサンプルアプリケーション。\\
 +</code>
 +</WRAP>
  
 ===== DokuWiki に RequireJS で Vue.js アプリを埋め込む方法 ===== ===== DokuWiki に RequireJS で Vue.js アプリを埋め込む方法 =====
  • javascript/vuejs.1665876469.txt.gz
  • 最終更新: 2022/10/16 08:27
  • by ともやん