VUE通信コンポーネント定義、スイッチングコンポーネント、アセンブリ、いくつかの方法レンダリングコンポーネント(ラベル、ルーティング、レンダリング)···

全体的なコンセプトで何VUEのですか?---関数がグローバルに定義され、すべてのインスタンス化VMが使用することができ、  グローバルに定義されたコンストラクタヴューは上記ぶら下がっ、物体の例では、この機能を使用することができ

1. コンポーネントとは何ですか?---ページの利点の観点からUIが異なる部分、成分に分割:再利用可能な、コードの可読性を確保するために、サンプルコードVUE解決することができ

 

  フロントエンドのモジュール式構成要素との間の差:UIが機能解決する観点から、分割さ

2、コンポーネントVUEの定義

  グローバル・コンポーネントは、次の3つの方法を定義しました

  

    

  プライベートアセンブリの定義

    コンポーネントは、プライベートコンポーネントを定義するために使用されています

     

 図3に示すように、データ・コンポーネント

    

    

図4に示すように、スイッチアセンブリ

   

    上記とv他の欠陥のスイッチングがあれば、V-:のみ2を切り替えて、三つ以上の場合は、オンにすることはできません

    変換:次のように

    

    

    スイッチアセンブリアニメーション

    

 5前に、コンポーネントが値問題を渡します

    

    

    正しい使用法:

    

    

    注:小道具アレイ値は、親コンポーネントが入ってくるから渡され、小文字のみであることができる、読み取り専用に変更することはできません

      

    親コンポーネントは、サブコンポーネントにイベントを渡す---注配信方法は、方法の結果ではないので、括弧ありません

    

6.レビュー

  

 

 7、ローカルストレージケース----預金やコメントのリストを取得

  

  

 

 8、$の使用は、参考文献---これ。$ Refs.xxx DOMノードを取得します(DOMターゲットが取得され、ネイティブJSオブジェクト)

  

     

 9、レンダリング機能レンダリングコンポーネント

  

 

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

   

 

 

  

  

 

  

  

ます。https://www.cnblogs.com/yangyutian/p/11048145.htmlで再現

おすすめ

転載: blog.csdn.net/weixin_33901926/article/details/94214233