Vue.jsチュートリアル(3):v-if条件判断

771 ワード

v-ifはv-bindに続くもう一つのv-xxxシリーズである.
前言
v-ifこれは私たちがVueを学ぶ2番目のv-xxxシリーズです.ここまで学んで、言わざるを得ないのは、すべてのv-bindあるいはv-ifが関連しているのはVueの動的変数で、変数です!変数です!変数です!
v-if基本使用



    
        
    
    



var app3 = new Vue({ el: '#app-3', data: { seen: true } })

上記のコードに示すように、seenはvue定義の変数であるv-ifの使用である.注意:v-ifの変数値は一般的にtrueまたはfalseです.効果は表示(true)/非表示(false)に似ています.
学習の先端の最も良い方法は手を使って使うことで、効果が出てきたら分かります.