値によってVUE - プロパ

使用して  動的透過小道具にV-バインド。これは、レンダリングされる特定のコンテンツの先頭に明らかではないが、非常に便利です

 

パッケージ

< テンプレート> < DIV > < H3  V-用"リストで（項目、インデックス）" =  ：キー= "インデックス" > {{アイテム}} ---- {{索引}} </ H3 > </ DIV > </ テンプレート> < スクリプト> 
エクスポート  デフォルト { 
    小道具：{ 
        リスト：{ 
            型：Array、
            必要：偽、
        } 
    }、
  データ（）{ リターン { 
      記事：[ 
      {ID：  1 、タイトル：  
  
    
  


  
    ' マイ・ヴューと旅'  }、
      {ID：  2 、タイトル：  ' ヴューとブログ'  }、
      {ID：  3 、タイトル：  ' なぜヴューが楽しいので、'  } 
    ] 
    }。
  } 
}。
</ スクリプト>

 

ページ：

< テンプレート> < DIV > 
    首页内容< UL  ID = "実施例1" > < リチウム  V-ため= "サイトで（項目、インデックス）"   ：キー= "item.index" > 
      {{item.text}} - - {{索引}} </ 李> </ UL > < TypeItem  ：リスト  = "ポスト" /> </ DIV > </ テンプレート> < スクリプト> 
からインポートTypeItem  "@ /コンポーネント/コンポーネント/ TypeItem " ; 
輸出 
  
    
      
      
    
      
  

デフォルト { 
  データ（）{ 
    リターン { 
      サイト：[ 
        {テキスト：' 淘宝' }、
        {テキスト：' 考拉' }、
        {テキスト：' 拼多多' } 
      ]、
      ポスト：[ 
        {ID：  1 、タイトル：  「マイヴューと旅'  }、
        {ID：  2 、タイトル：  ' ヴューとブログ'  }、
        {ID：  3 、タイトル：  ' なぜヴューが楽しいようです'  }
    ]
    }。
  }、