2018年9月23日はじめに軽量JSフレームワークとして有名なVue.js。Vueという構築を耳にするので、今更ではありますが勉強を始めようと思います。今回は基本文法に関してメモしていきます。Vue.jsの公式ドキュメントはこちらになります。https://jp.vuejs.org/使用ツール今回はJSFiddleを使用して開発します。公式でも進められており、今回のような簡単な文法を試すくらいであればちょうど良いのかな、と思います。使用する場合はJavaScriptのFWをVue.jsの2系にします。今回扱う内容は、公式ドキュメントに依ります。基本文法JSFiddleで試すので、HTML、CSS、JS(Vue)を分けて記述していきます。レンダリングHTMLテンプレートの中にデータを埋め込む場合です。Vue!'}})Vueインスタンスを生成します。対象のDOMを指定しています。ちなみにリアクティブなので、Consoleから値を渡せば変更されます。(fiddle.jshell.net)」に変更し、JSの末尾に以下のコードを追記します。プロパティで保存できます。接頭辞で他にも種類があります。(Vue.jsリファレンス)この結果、HTMLでは以下のようにレンダリングされます。真偽値を確認して表示制御できます。falseにすると表示されなくなります。ディレクティブを使用することで、リストを展開できます。(Vue.jsリファレンス)なお、コンソールで下記を入力すれば追加されます。クリック時のイベントを定義できます。関数を作成すればその処理をしてくれます。双方向バインディング(v-model)ビュー側でデータが変更された場合、反映してほしいと思います。使用することでそれができます。Vue!」ではなく、「hogehoge」になっています。"hogehoge"コンポーネント再利用可能なまとまりに分けておくことができます。いうコンポーネントにまとめることができます。いう値を受け取ることができます。埋め込むHTMLテンプレートになります。いうタグをHTMLに記述すれば使用可能です。これでコンポーネントに値を渡せます。},]}})コンポーネントとインスタンスを合わせて書くと、以下のようになります。},]}})さいごに今回は以上になります。上記は公式ドキュメントではこちらの範囲になります。助言を提供するものではありません。仮想通貨の投資・損益計算は複雑であり、個々の取引状況や法律の変更によって異なる可能性があります。ブログに記載された情報は参考程度のものであり、特定の状況に基づいた行動の決定には専門家の助言を求めることをお勧めします。当ブログの情報に基づいた行動に関連して生じた損失やリスクについて、筆者は責任を負いかねます。最新の法律や税務情報を確認し、必要に応じて専門家に相談することをお勧めします。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト上に表示された文字を入力してください。私たちは無料アプリもリリースしています、ぜひご覧ください。下記のアイコンから無料でダウンロードできます。