【Flask】Vue.jsでAjax通信をしてみる
こんにちは、のっくんです。 今日の記事では、フロントエンドにVue.js、バックエンドにFlaskを使い、Ajax通信をしてみようと思います。 作ってみるアプリは、ID番号を選択するとそのIDのデータを取得するというもの…
Keep technology simple.
こんにちは、のっくんです。 今日の記事では、フロントエンドにVue.js、バックエンドにFlaskを使い、Ajax通信をしてみようと思います。 作ってみるアプリは、ID番号を選択するとそのIDのデータを取得するというもの…
今日の記事では、算出プロパティの使い方を紹介します。 v-modelを使うと、入力された値を管理できることは前回学びました。 しかし、入力された値を表示することだけはできますが、計算ができません。 何かしらの計算を行うに…
こんにちは、のっくんです。 今日はVue.jsのv-ifディレクティブを使って条件判定するコードを紹介していきたいと思います。 Vue.jsの基本となるコンポーネントを使いながらテンプレートにv-ifディレクティブを使っ…
今日はコンポーネントのプロパティについてです。 コンポーネントのdataはコンポーネントのオブジェクトからテンプレートに値を渡すものでした。 コンポーネントのプロパティを使うと、自分で作成したコンポーネントのタグに値を指…
Pythonからコンポーネントのテンプレートへ値を渡す方法についてご紹介します。 PythonのwebフレームワークはFlaskを使っています。 以下のページのように、Flaskで作ったリストの値をテンプレートに表示する…
こんにちは、のっくんです。 今日からVue.jsを学び始めました。 Vue.jsはフロントエンドのフレームワークでサイトにダイナミックな動きを与えることができます。 最近だとSPA(Single Page Applica…