差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン | |||
javascript:vuejs [2022/10/16 08:27] – ともやん | javascript:vuejs [2022/10/16 10:04] (現在) – ともやん | ||
---|---|---|---|
行 28: | 行 28: | ||
一方で高機能なシングルページアプリケーション(SPA)を構築することも可能である。\\ | 一方で高機能なシングルページアプリケーション(SPA)を構築することも可能である。\\ | ||
[[https:// | [[https:// | ||
+ | |||
+ | ===== DokuWiki に CDN の Vue 3 でアプリを埋め込む方法 ===== | ||
+ | <WRAP prewrap 100%> | ||
+ | <code javascript> | ||
+ | < | ||
+ | <script src=" | ||
+ | <div id=" | ||
+ | < | ||
+ | </ | ||
+ | < | ||
+ | const { createApp } = Vue | ||
+ | | ||
+ | createApp({ | ||
+ | data() { | ||
+ | return { | ||
+ | vue_ver: Vue.version, | ||
+ | } | ||
+ | } | ||
+ | }).mount('# | ||
+ | </ | ||
+ | </ | ||
+ | ※Vue.js バージョンを表示するだけの簡単なサンプルアプリケーション。\\ | ||
+ | </ | ||
+ | </ | ||
===== DokuWiki に RequireJS で Vue.js アプリを埋め込む方法 ===== | ===== DokuWiki に RequireJS で Vue.js アプリを埋め込む方法 ===== |