Vue.JS且戰且飛(四)

2017 iT 邦幫忙鐵人賽

DAY 4

Modern Web

Vue.JS且戰且飛系列第 4 篇

2017鐵人賽 vue.js eagle 老鷹且戰且飛

老鷹(eagle)

2016-12-05 20:36:50

1816 瀏覽

if判斷&&條件式

jsfiddle

<html>
<head>
    <meta charset="utf-8">
    <title>if判斷&&條件式</title>
</head>
<body>
<div id="show">
    <div v-if="type">
        隨著data.type變動而顯示或者不顯示
    </div>
    <div v-if="0 < 1">
        或者可以用條件式
    </div>
    <div v-if="0 > 1">
        看不到我
    </div>
</div>
</body>
<script src="vue.js"></script>
<script>
    new Vue({
        el: '#show',
        data: {
            type: true 
        }
    })
</script>
</html>