サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
qiita.com/fumiya0414
前回の記事はこちら Vue.jsテンプレート構文 javascript構文の使用について jsfiddleで実際に記述しながら読むことをおすすめします。 Vue.jsではデータバインディング内でjavascript式を使用することができます。 下記のコードを実行しましょう。 <div id="app"> <p> <!--テキスト--> {{message}} </p> <p> <!--計算式--> {{number + 1}} </p> <p> <!--単一式--> {{ message.split('').reverse().join('')}} </p> <p> <!--3項条件文1--> {{ ok ? 'yes' : 'no' }} </p> <p> <!--3項条件文2--> {{ ok ? message : '' }} </p> </div> <script src ="ht
前回の記事はこちら Vue.js データバインディングの基礎 今回もディレクティブについて紹介します。 条件分岐 v-show jsfiddleで実際に記述しながら読むことをおすすめします。 <div id="app"> <p v-show="toggle"> Hello </p> </div> <script src ="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く