Vue.js ライブラリ「vue-timeago」を使用して日付計算を表示する
- 2020.03.09
- vue-timeago, Vue.js, サンプルコード
Vue.jsのライブラリである「vue-timeago」を使用して、日付計算を表示する簡単なサンプルコードと導入手順を記述してます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 ※Ce […]
Vue.jsのライブラリである「vue-timeago」を使用して、日付計算を表示する簡単なサンプルコードと導入手順を記述してます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 ※Ce […]
PythonでGUIアプリを作成するにあたり、標準のGUIフレームワークであるtkinterを使い、buttonクリック時にtextに文字列を表示するまでの簡単なサンプルプログラムを記述してます。 環境 OS windows10 pron python 3.7.4 pip&nb […]
React.jsのライブラリreact-notification-systemを利用するための簡単なサンプルコードです。 環境 OS CentOS Linux release 8.0.1905 (Core) node V10.16.3 npm 6.9.0 React […]
vue-rate-itをインストールして、よくある評価機能を実装するサンプルコードです。 vue-rate-it は星型も画像も可能ですが、今回はハート型を利用してます。 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 […]
transitionを利用してアニメーションを実現するサンプルコード 環境 OS Windos10 エディタ VScode Transitionクラスについて v-enter v-enter-active v-enter-to が表示に関連するクラス v- leave v- l […]
v-cloakを利用して、バインディングされる前に mastache構文( {{hoge}} ) が表示されないようにするサンプルコード 環境 OS Windos10 エディタ VScode サンプルコード 下記のソースコードをindex.htmlとして作成して保存します。 v […]
vueのwatch機能を利用して、指定したデータとオブジェクト(今回は配列)を監視し処理を実行する基本的なサンプルコードになります。 環境 OS windows10 pro エディタ VScode サンプルコード 下記のソースコードをindex.htmlとして作成して保存する。 […]
mastache(マスタッシュ)構文( {{hoge}})では、 HTMLがエスケープされてデータバインディング されるます。 v-htmlディレクティブ を利用すれば、エスケープされずにhtmlを利用することができます 注意 公式にも記載されているように 、 v-htmlにはXSSの危険性があるた […]
v-showの簡単なサンプルコード 。v-ifとの違いについても少し説明してます 環境 OS Windos10 エディタ VScode サンプルコード 下記のソースコードをindex.htmlとして作成する vue.jsは開発バージョンを利用してます<script&nbs […]
v-onとコンポーネントの登録と利用の仕方の簡単なサンプルコード 環境 OS windows10 pro エディタ VScode サンプルコード 下記のソースコードをindex.htmlとして作成する vue.jsは開発バージョンを利用してます <script s […]