javascript:vuejs:dokuwiki_rest_api_sample

差分

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

この比較画面へのリンク

次のリビジョン		 前のリビジョン
javascript:vuejs:dokuwiki_rest_api_sample [2020/06/08 10:57] – 作成 ともやんjavascript:vuejs:dokuwiki_rest_api_sample [2020/06/08 11:13] (現在) – [DokuWiki REST API Vue.js サンプルアプリ] ともやん
行 1: 行 1:
 +<html>
 +  <script src="/_media/javascript/requirejs/require-2.3.6.min.js?cache=recache"></script>
 +  <script>
 +    self.DEBUG = true;
 +  </script>
 +  <script src="/_media/javascript/requirejs/settings.js?cache=nocache"></script>
 +</html>
 ====== DokuWiki REST API Vue.js サンプルアプリ ====== ====== DokuWiki REST API Vue.js サンプルアプリ ======
 +<html>
 +  <div id="doku-vuejs-app">
 +    <p>Vue.js version: {{ vue_ver }}</p>
 +    <p>Response Data(status: {{ response.status }}):</p>
 +    <pre>{{ response.data }}</pre>
 +    <p>axios response:</p>
 +    <pre>{{ response }}</pre>
 +  </div>
 +  <script>
 +    "use strict";
 +    
 +    let doku_vuejs_app;
 +    
 +    require(['Vue','axios'], (Vue, axios) => {
 +      doku_vuejs_app = new Vue({
 +        el: '#doku-vuejs-app',
 +        data: {
 +          vue_ver: Vue.version,
 +          response: '',
 +        },
 +        created: function() {
 +          axios.get('/lib/exe/ajax.php?call=api')
 +            .then(response => {
 +              this.response = response;
 +            });
 +        }
 +      });
 +    });
 +  </script>
 +</html>
 +※Vue.js, REST API バージョンを表示するだけの簡単なサンプルアプリケーション。\\
  
  • javascript/vuejs/dokuwiki_rest_api_sample.1591581470.txt.gz
  • 最終更新: 2020/06/08 10:57
  • by ともやん