PROGRAM

今回は、Vue.jsで親から子コンポーネントにデータを渡す方法について、簡単に解説していきます。 HTML Vue.jsでは親から子コンポーネントにデータを渡せます。 サンプルを作りましたので、まず、以下にHTMLを示し […]

PROGRAM

今回は、Vue.jsで子から親コンポーネントにデータを渡す方法について、簡単に解説していきます。 HTML Vue.jsでは子から親コンポーネントにデータを渡せます。 ここでは理解をして頂くために、まず、HTMLのサンプ […]

PROGRAM

今回は、Vue.jsでのエスケープについて、簡単に解説していきます。 エスケープする Vue.jsでのHTMLのエスケープの方法は簡単です。 プロパティを{{ }}で囲うことでHTMLがエスケープされます。 <di […]

PROGRAM

今回は、Vue.jsでモーダルウィンドウを実装する方法について、簡単に解説していきます。 HTML Vue.jsを使えば少し簡単にモーダルウィンドウを実装できます。 サンプルを作りましたので、まず、HTMLのコードを以下 […]

PROGRAM

今回は、Vue.jsのウォッチャについて、簡単に解説していきます。 ウォッチャとは ウォッチャは監視プロパティとも言います。 これはデータの状態に変更があった際に任意の処理を実行するものです。 多くの場合で算術プロパティ […]

PROGRAM

今回は、Vue.jsの算出プロパティについて、簡単に解説していきます。 算出プロパティが必要な理由 Vue.jsのテンプレートでは以下のような書き方もできます。 <div id=”app”> {{ messa […]

PROGRAM

今回は、Vueインスタンスについて、簡単に解説していきます。 Vueインスタンスとは Vue.jsではVueインスタンスを作成できます。 var app = new Vue({ // 各オプション }) 具体的には、上記 […]

PROGRAM

今回は、Vue CLIのアンインストール方法について、簡単に解説していきます。 Vue CLI(2.x以前)のアンインストール Vue CLI(2.x以前)のアンインストールはコマンドで行います。 これはnpmで管理され […]

PROGRAM

今回は、Vue.jsのアットマーク等の省略記法について、簡単に解説していきます。 v-bind:と:(コロン) v-bind:は省略することができます。 一番後ろの:(コロン)だけでもv-bind:を表せます。 < […]

PROGRAM

今回は、Vue.jsのコンポーネントについて、簡単に解説していきます。 コンポーネントについて Vue.jsではコンポーネントを作ることが可能です。 コンポーネントとは、あらかじめ定義されたVueのインスタンスです。 & […]