<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="js/Vue.js"></script>
<body>
<div id='app'>
<p v-if="yes">苦逼后端被迫学习Vue!</p>
<p v-show="no">苦逼后端被迫学习Vue!</p>
<p v-if="Math.random()>0.5">这个数比0.5大</p>
<p v-else>这个数比0.5小</p>
<p v-if="type === 'A'">A</p>
<p v-else-if="type === 'B'">B</p>
<p v-else-if="type === 'C'">C</p>
<p v-else>Other</p>
</div>
<script>
new Vue({
el:'#app',
data:{
yes:true,
no:false,
type:'B'
}
})
</script>
</body>
</html>
Vue学习笔记2———条件语句
猜你喜欢
转载自blog.csdn.net/progammer10086/article/details/85790679
今日推荐
周排行