Vue.js v-cloakのサンプルコード
v-cloakを利用して、バインディングされる前に mastache構文( {{hoge}} ) が表示されないようにするサンプルコード 環境 OS Windos10 エディタ VScode サンプルコード 下記のソースコードをindex.htmlとして作成して保存します。 v […]
Vue.js
21/21ページ
Vue.js Vuetifyの無料テンプレートを利用してみる
Vuetifyの無料テンプレートの1つParallaxを利用してみる 環境 OS ubuntu19.10 テンプレートのダウンロード こちらのページにアクセスし「DOWNLOAD NOW」をクリック クリックするとgithubにアクセスするので、こちらからダウンロードする ダウ […]
Vue.js Vuetifyを利用してみる
- 2019.11.16
- ubuntu19.10, Vue.js, Vuetify
Vue.jsのフレームワークで、マテリアルデザインを容易に利用できるVuetifyの利用手順と、ちょっとしたサンプルコードを記載 環境 OS Ubuntu19.10 Vue.js @vue/cli 4.0.5 vue/cli のインストール Vue/cliがインストールされてない場合はイ […]
Vue.js watchを使用してデータを監視するサンプルコード
vueのwatch機能を利用して、指定したデータとオブジェクト(今回は配列)を監視し処理を実行する基本的なサンプルコードになります。 環境 OS windows10 pro エディタ VScode サンプルコード 下記のソースコードをindex.htmlとして作成して保存する。 […]
Laravel6でvue.jsを利用する
Laravel6だとvue.jsが自動で生成されないのでvue.jsを利用するための手順を記載。 環境 #cat /etc/centos-releaseCentOS Linux release 7.7.1908 (Core) Laravelプロジェクトの作成 ここではvueというプロジェクト名で作成 […]
Vue.js v-htmlのサンプルコード
mastache(マスタッシュ)構文( {{hoge}})では、 HTMLがエスケープされてデータバインディング されるます。 v-htmlディレクティブ を利用すれば、エスケープされずにhtmlを利用することができます 注意 公式にも記載されているように 、 v-htmlにはXSSの危険性があるた […]
Vue.js v-showのサンプルコード
v-showの簡単なサンプルコード 。v-ifとの違いについても少し説明してます 環境 OS Windos10 エディタ VScode サンプルコード 下記のソースコードをindex.htmlとして作成する vue.jsは開発バージョンを利用してます<script&nbs […]
Vue.js v-onとコンポーネントの利用のサンプルコード
v-onとコンポーネントの登録と利用の仕方の簡単なサンプルコード 環境 OS windows10 pro エディタ VScode サンプルコード 下記のソースコードをindex.htmlとして作成する vue.jsは開発バージョンを利用してます <script s […]
Vue.js 一番簡単な方法でHello Worldしてみる
- 2019.11.01
- Vue.js
vue-cliを利用すれば 環境を簡単に構築してくれますが、今回は基礎を理解するため、利用せずにHello Worldから実装していく 環境 OS Windos10 エディタ VScode Hello WorldをVue.jsで実装 下記のソースコードをindex.htmlとして作成する […]
CentOs8に Vue.jsの環境を構築してHello Worldしてみる
CentOs8にVue.jsの環境の構築手順を記述してます。 環境 OS CentOS Linux release 8.0.1905 (Core) node V10.16.3 npm 6.9.0 @vue/cli 4.0.5 ※centos8にnodeのインストール手 […]