利用Vue简单实现HTML代码IF条件判断
前言:
利用Vue简单实现HTML代码IF条件判断，如果对你有帮助就看看吧。
实例代码:
首先导入Vue.js，大家可自行百度下载即可，Math.random() > 0.5为判断条件，如果成立就返回True走上面的html代码，如果为false则走下面的代码，判断条件可根据自身情况修改!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="vue.js"></script>
</head>
<body>
<!-- if else vue的 -->
<div id="el">
<div v-if="Math.random() > 0.5">这是True的状态</div>
<div v-else>这是为False的状态</div>
</div>
</body>
<script type="text/javascript">
new Vue({
el:'#el',
});
</script>
</html>
