ヴューの計算された機能と組み合わせた場合の動作のためのV-

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< ヘッドID = "頭" > 
    < メタ文字コード= "UTF-8" > 
    < スクリプトSRC = "https://cdn.bootcss.com/vue/2.6.10/ vue.min.js」> </ スクリプト> 
    < タイトル> {{タイトル}} </ タイトル> 
</ ヘッド> 
< 身体> 
< div要素のid = ""頼みます> <！
     V-ため= "stusにおけるV" > 
        {{v.name}} ======> {{v.sex}} 
     </ 李> 
    < 入力タイプ= "ラジオ" Vモデル= "タイプ" の値=「すべて」にチェック> 全部
     < 入力タイプ=「ラジオ」Vモデル=「タイプ」値=「少年」 > 男孩
     < 入力タイプ=「ラジオ」Vモデル=「タイプ」値=「少女」 > 女孩
 < / DIV >
< スクリプト> 
    だったVUE=  機能（オプション）{ 新しい新しいヴュー（オプション）}; 
    VUE（{ 
        EL：' #head ' 、
        データ：{ 
            タイトル：' 操作について計算ヴューV結合機能' 
        } 
    }）; 
    VAR アプリ= VUE（{
         / / 要素
        EL：' #ask ' 、
        計算：{ 
            stus（）{ 
                IF （この.TYPE ==  ' すべて' ）{
                     戻り 、これを .user。
                } 他{
                     / * ES6文言はthis.typeを服用しない防止* / 
                    戻り 、この（（V）.user.filterを=> {
                         戻りv.sex ==  この.TYPE; 
                    ）} 
                } 
            } 
        } 
        データ：{ 
            タイプ：' 全て" 、
            ユーザー：[ 
                {名：' 劉' 、性別：' 少年' }、
                {名前：' 王'、性別：' 少年' }、
                {名：' 小花' 、性別：' 女の子' }、
                {名前：' 小芳' 、性別：' 女の子' } 
            ] 
        } 
    }）。

</ スクリプト> 
</ ボディ> 
</ HTML >