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でユーザーを作成し、権限を管理する方法
1. ユーザーとパスワードの作成方法1. MySQLデータベースに入る mysql> mysq...
1 行のコードでさまざまな IE 互換性の問題を解決します (IE6-IE10)
x-ua-compatible は、IE ブラウザがページを解析およびコンパイルするためのモデルを...
Vueコンポーネントの作成方法と使用方法を説明する記事
目次1. コンポーネントとは何ですか? 2. グローバルコンポーネントを作成する方法1 1. Vue...
Linux での nginx のインストール、展開、使用方法の詳細な説明
目次1. ダウンロード2. 展開3. Nginxログ関連の設定4. ファイルダウンローダーとして n...
Ubuntuで顔認識ログインを実装するための完全な手順
1. Howdyをインストール: howdyプロジェクトアドレス sudo add-apt-repo...
TypeScriptの基本型の詳細な説明
目次ブール型数値型文字列型文字列と数値を連結する未定義およびnull配列型タプル型列挙型あらゆるタイ...
MySQL 8.0 の binlog の詳細な説明
1 はじめにバイナリ ログは、データを持つ、またはデータを変更する可能性がある SQL ステートメン...
Windows サーバー ファイルをローカルにバックアップする方法、Windows サーバー データ バックアップ ソリューション
重要なデータはバックアップする必要があり、リアルタイムでバックアップする必要があります。そうしないと...
JavaScript 即時実行関数の使用状況分析
一般的に、関数は実行する前に呼び出す必要があることはご存じのとおりです。以下に示すように、関数を定義...
Vue の基本リスナーの詳細な説明
目次Vueのリスナーとは何かリスナーの使い方vue リスナーウォッチVue リスナー - ディープリ...
HTML テーブルタグチュートリアル (8): 背景画像属性 BACKGROUND
テーブルの背景画像を設定します。任意の GIF または JPEG 画像ファイルを使用できます。基本的...
MySQLのインストールと設定に関する詳細なチュートリアル
目次インストール不要のMySQLバージョン1. インストール パッケージをダウンロードします。 2....
MySQL統計データテーブルの設計方法
目次リアルタイム更新は必要ですか?マテリアライズド ビュー ツール (Flexviews)カウントテ...
Windows Server 2008 R2 で忘れたパスワードを処理する方法
Windows Server 2008R2を忘れた場合の対処方法サーバーの数が多すぎる、サーバーが多...
Windows はリモート デスクトップが長時間自動的に切断されるのを防ぎます
Windows リモート デスクトップを使用してサーバーに接続したことがある人なら、リモート デスク...