6.vue.js实例:条件判断
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>6条件判断</title>
<link href="css/special.css" rel="stylesheet" />
<script src="js/Vue-1.0.11.js"></script>
</head>
<body>
<div id="app" class="pc-content span5" style="padding-top:100px;">
<h3>6条件判断</h3>
<div v-if="5 > 8">
随机数大于 0.5
</div>
<div v-else>
随机数不大于 0.5
</div>
</div>
<script>
new Vue({
el: "#app"
})
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>6条件判断</title>
<link href="css/special.css" rel="stylesheet" />
<script src="js/Vue-1.0.11.js"></script>
</head>
<body>
<div id="app" class="pc-content span5" style="padding-top:100px;">
<h3>6条件判断</h3>
<div v-if="5 > 8">
随机数大于 0.5
</div>
<div v-else>
随机数不大于 0.5
</div>
</div>
<script>
new Vue({
el: "#app"
})
</script>
</body>
</html>
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。