whim-client-vue
概要
wh.im 上でゲームの開発が簡単にできます。Vue.js用です。
whim-clientのインストール
以下のコマンドでVue.jsのプロジェクトに追加します。
$ npm install --save whim-client-vue# or $ yarn add whim-client-vue
main.jsでのwhim-clientの読み込み
main.jsを以下のような構成にします。
;;;; VueconfigproductionTip = false;Vue; ;
whim-client-vue
の読み込み
1. ;;
2. vueにライブラリの登録
Vue;
whim-clientの使用例
this.$whim
でVue.js上からwhimのデータの読み出し/書き込みができるようになります。
// user一覧の取り出しthis$whimusers; // stateの取り出しthis$whimstate; // stateの差分更新this$whim // stateの全更新this$whim
より詳細にはAPI一覧をご覧ください。
サンプルアプリ
サンプルアプリをいくつかご用意しました。参考にしてください。
- じゃんけん
- 追加予定
開発の仕方
- リポジトリをクローン
- 本リポジトリで
yarn link
- appsで
yarn link whim-client-vue
- 初回&ソースコード変更のたびにyarn build
- これを自動watchする方法はありそう。