ユーザ用ツール

サイト用ツール


ionic4:ionic-vue

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
ionic4:ionic-vue [2019/04/30] – [ion-modalを試してみる] adash333ionic4:ionic-vue [2020/12/03] (現在) – [Vue.jsでIonic(@ionic/vue)] adash333
行 1: 行 1:
 ====== Vue.jsでIonic(@ionic/vue) ====== ====== Vue.jsでIonic(@ionic/vue) ======
 +
 +→2020年10月 ionic-vueが正式対応したそうです。
 +https://i-doctor.sakura.ne.jp/font/?p=45127
  
 Ionicは、スマホアプリ(PWAを含む)作成のためのJavascriptフレームワークです。Ionic3まではAngular専用でしたが、Ionic4から、素のJavascript(Vanilla)、ReactとVueにも対応する予定だそうです。 Ionicは、スマホアプリ(PWAを含む)作成のためのJavascriptフレームワークです。Ionic3まではAngular専用でしたが、Ionic4から、素のJavascript(Vanilla)、ReactとVueにも対応する予定だそうです。
行 15: 行 18:
  
 上記Blogを写経してみたいと思います。 上記Blogを写経してみたいと思います。
 +
 +===== ソースコードとDEMOサイト =====
 +ソースコード
 +https://github.com/adash333/ionic4-vue-modal
 +
 +DEMOサイト
 +https://compassionate-neumann-66e20f.netlify.com/
 +
 +{{:ionic4:pasted:20190430-144410.png}}
  
 ===== 開発環境 ===== ===== 開発環境 =====
行 434: 行 446:
 これで、Modal画面の作成と、Modal画面を閉じるボタンの実装を行うことができました。 これで、Modal画面の作成と、Modal画面を閉じるボタンの実装を行うことができました。
  
-===== ソースコード =====+===== ソースコードとDEMOサイト ===== 
 +ソースコード 
 +https://github.com/adash333/ionic4-vue-modal 
 + 
 +DEMOサイト 
 +https://compassionate-neumann-66e20f.netlify.com/ 
 + 
 +{{:ionic4:pasted:20190430-144410.png}} 
 + 
 +{{:ionic4:pasted:20190430-144428.png}} 
 + 
 +{{:ionic4:pasted:20190430-144515.png}} 
 + 
 +{{:ionic4:pasted:20190430-144529.png}}
  
  

ionic4/ionic-vue.txt · 最終更新: 2020/12/03 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki