Vueの最初のプログラムを書くための勉強ノート
|
ここでは公式ドキュメントCDNを使用します <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> 1. HTMLを書く、最初のVueプログラム
<!DOCTYPE html>
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8">
<title>タイトル</title>
</head>
<本文>
<!--ビュー レイヤー テンプレート-->
<div id="アプリ">
{{メッセージ}}
</div>
<!--vue.js をインポート-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<スクリプト>
var vm = 新しい Vue({
el:"#アプリ",
//モデル: データ:{
メッセージ: "こんにちは、vue"
}
});
</スクリプト>
</本文>
</html>ビューテンプレートとデータに注意してくださいビュー モデル ViewModel: 双方向バインディングとは、フロントエンドのデータが変更されると、データ内のデータも変更されることを意味します。
ページを更新せずにデータを変更し、フロントエンドの表示に同期することができます。
決定ループ
イベント
787 原則Vueを学ぶには、7つのプロパティ、8つのメソッド、7つの命令を知っておく必要があります。 el属性これは、Vue コンパイラーに Vue 構文の解析を開始する場所を指示するために使用され、プレースホルダーとも言えます。 データ属性ビューから抽象化された属性を整理するために使われます。ビューのデータが抽象化されてデータに格納されていると言えます。 テンプレート属性プレースホルダーを含むページ要素を置き換えるテンプレートを設定するために使用されます。 メソッド属性ビジネス ロジックをページ内に配置します。JS メソッドは通常、メソッド内に配置されます。 レンダリングプロパティ本物の仮想DOMを作成する 計算されたプロパティ計算に使用 時計のプロパティ
ウォッチ:関数(新しい関数、古い関数){}
データの変化を監視する 2つのパラメータ、1つは新しい値を返し、もう1つは古い値を返します 以上が勉強ノートvueの最初のプログラムの詳しい内容です。vueプログラムの詳細については、123WORDPRESS.COMの他の関連記事に注目してください！ 以下もご興味があるかもしれません:
|
<<: Ubuntu 20.04 ダブルピンイン入力方式のインストール手順
>>: MySQLとOracleの違いのまとめ（機能性能の比較、選択、使用時のSQLなど）
推薦する
MYSQL の 10 の典型的な最適化ケースとシナリオ
目次1. SQL最適化の一般的な手順1. SQL実行計画の分析を説明する2. プロフィール分析を表示...
Docker プライマリ ネットワーク ポート マッピング構成
ポートマッピングDocker コンテナを起動する前にポート マッピングを行わないと、コンテナ外部のネ...
Vue ダイナミック バインディング アイコンの完全な手順
0 アイコンと画像の違いアイコンは文字であり、画像はバイナリ ストリームです。つまり、画像はアイコン...
Nginx をインストールして複数のドメイン名を設定する方法
Nginx のインストールCentOS 6.x yum にはデフォルトで nginx ソフトウェア ...
Nginxはクロスドメインの問題を解決し、サードパーティのページを埋め込む
目次序文困難クロスドメイン定義nginxの機能リバースプロキシ静的と動的の分離達成しようとする最終結...
CentOS 8にJenkinsをインストールする方法
CentOS 8 に Jenkins をインストールするには、root アカウントまたは sudo ...
Reactのコンポーネント共同利用実装
目次ネスティング親子コンポーネント通信ブラザーコンポーネント通信撤回するReact の Linked...
nginx で同時接続リクエストの数を制限する方法
導入同時接続数を制限するモジュールは http_limit_conn_module です。アドレス:...
CSSでフレックス配置を表示する（レイアウトツール）
display: flex レイアウトに関しては、深く理解している人もいますし、私も他の人の作業か...
MySql の知識ポイント: トランザクション、インデックス、ロックの原則、使用状況の分析
この記事では、トランザクション、インデックス、ロックなどの MySQL の知識ポイントの原理と使用法...
ユーザーがフォームを繰り返し送信するのを防ぐ方法の概要
重複したフォーム送信は、マルチユーザー Web アプリケーションで最も一般的で厄介な問題です。重複送...
MySQLの重複排除方法
MySQLの重複排除方法【初級】繰り返しのセリフが少ないdistinctive を使用してそれらを見...
Vue プロジェクトに ECharts を導入する
目次1. インストール2. はじめに3. 使用4. 必要に応じてEChartsチャートとコンポーネン...
HTML と CSS の命名規則の概要
CSS命名規則 ヘッダー: ヘッダーコンテンツ: コンテンツ/含むフッターナビゲーション: navサ...
MySQLインスタンスクラッシュ事例の詳細な分析
[問題の説明]私たちの実稼働環境には、複数の MySQL サーバー (MySQL 5.6.21) の...