Category: PROGRAM


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のインスタンスです。 & […]

PROGRAM

今回は、Vue.jsのv-modelについて、簡単に解説していきます。 v-modelとは Vue.jsのv-modelでは双方向バインディングが可能です。 <div id=”app”> <p>{ […]

PROGRAM

今回は、Vue.jsのv-onについて、簡単に解説していきます。 v-onとは Vue.jsのv-onを使うとVueインスタンスのメソッドを発火できます。 例えば、v-on:clickにメソッドを指定すると、クリック時に […]