Vueスタディノート「継続的に更新」

(1)elマウントポイント:
1。Vueインスタンスのスコープは何ですか?
Vueは、elオプションによってヒットされた要素とその子孫要素を管理します
。2。他のセレクターを使用することは可能ですか?
他のセレクターも使用できますが、IDセレクター
3をお勧めします。他のdom要素を設定することはできますか?
他のdoubleタグは使用できますが、HTMLとBODYは使用できません


(2)v-text 
1.機能:タグの内容を設定し
ます2.デフォルトの書き込み方法ですべての内容と差分式が置き換えられます{ 
  
  {}}指定した内容を置き換えることができます
(3)v-show 
1.機能:
trueとfalseに応じて要素の表示状態
を切り替え
ますfalse要素を非
表示にします5.データが変更された後、対応する要素の表示状態は次のようになります。同期的に更新
(4)v-if 
1.機能:式のtrueまたはfalseに従って要素の表示状態を切り替えます
2.本質:dom要素を操作して表示を切り替えますステータス
3.値はtrue、要素要素がdomツリーに存在し、値がfalseであり、domツリーから削除されます。4。v 
-showの頻繁な切り替え、それ以外の場合はv-ifが使用され、前者の切り替え消費は小さい
(5)v -bind 
1 .Instruction:属性を要素にバインドします
2.書き込み:v-bind:属性名
3.簡単に言うと、v-bindを直接省略して、保持するだけです:属性名




4.**クラスを動的に追加または削除する必要がありますオブジェクトを使用することをお勧めします


(6)v-for:
1.機能:データに基づいてリスト構造を生成します
2.配列はforと組み合わせて使用​​されることがよくあり
ます3.構文はデータの(item、index)です
4.Itemとindexは組み合わせて使用​​できます他の手順で
5.アレイの更新はページに同期され、応答します。


(7)v-model1 
.双方向バインディング
v-model 


//シンタックスシュガー:主にプログラマーの便宜のために、シュガーコート構文としても翻訳されます。一般的に、シンタックスシュガーを使用すると、プログラムの可読性が向上します。 、それによってプログラムコードが失敗する可能性を減らします。

おすすめ

転載: blog.csdn.net/weixin_60789461/article/details/123390337