Vue.jsの主要概念と技術解説
Vue.jsの基本構造
Vue.jsはデータ駆動型のMVVMフレームワークです:
Model: バックエンドから提供されるデータ
View: UIレイヤー
ViewModel: データバインディング層
データフロー
Model → ViewModel → View
// データ変更時の処理フロー
dataChange() {
this.apiData = response;
this.processData();
this.updateView();
}
ディレクティブ
表示制御
< ...
6月3日 17:14 投稿
Vue.jsディレクティブの高度な使い方
一、ディレクティブ修飾子
1.概要
ディレクティブ修飾子とは、"."を使用してディレクティブのサフィックスを指定するものです。異なるサフィックスが異なる処理操作をカプセル化します。これによりコードを簡素化できます。
2.キーボード修飾子——@keyup
@keyup.enter → Enterキーが押されたときにのみトリガーされます(キーボードのEnterキーを監視)
<!DOCT ...
6月2日 18:19 投稿