Vueの出力データVUEのサイクルで使用するためのV-

V-のための使用：

コード：

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル> V-用的使用vue.js </ タイトル> 
    < スクリプトSRC = "https：//でCDNを。 bootcss.com/vue/2.6.10/vue.min.js」> </ スクリプト> 
</ ヘッド> 
< 身体> 
< div要素のid = ""頼む> <！ - VUE不能控制ボディ和のhtml的标签- > 
    <> 
        < TR > 
            < TH > ID </ TH > 
            < TH >タイトル</ TH > 
            < TH > Chupin </ TH > 
        </ TR > 
        < TBODY > 
            < TR V-用= "リストのV" > <！ - リスト効果のVが同じであるように書かれた- > 
                < TD > {} {} V.ID </ TD > 
                < TD > {} {} V.NAME </ TD >
                < TD> {{タイトル}} </ TD > 
            </ TR > 
        </ TBODY > 
    </ 表> 
    < HR > 
    < 表ボーダー=」1" > 
        < TR > 
            < TH > ID </ TH > 
            < TH > ID </ TH > 
            < TH >タイトル</ TH > 
            < TH > Chupin </ TH > 
        </ TR > 
        <TBODY > 
        < TR V-ための"リストに（V、K）" = > <！ - 写成（V、K）リストの效果是一样的- > 
            < TD > {{K}} </ TD > 
            < TD > {{v.id}} </ TD > 
            < TD > {{v.name}} </ TD > 
            < TD > {{タイトル}} </ TD > 
        </ TR > 
        </ TBODY > 
    </ テーブル> 
</ divの> 
<スクリプト>
    VAR のApp =  新しい新しいヴュー（{
         // 要素
        EL：' #ask ' 、
        データ：{ 
            タイトル：' シンプルな記録' 、
            リスト：[ 
                {ID：11 、名前：' VUE学習記録を' }、
                {ID：22があり、名前：' VUEの研究ノート' } 
            ] 
        } 
    ）;} 
</ スクリプト> 
</ ボディ> 
</ HTML >