vue条件渲染
vue条件渲染
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/vue.min.js"></script>
</head>
<body>
<div id="app">
<!--隐藏元素时 删除(移除)了元素-->
<p v-if="ok">完成</p>
<p v-else>失败</p>
<!--通过样式 将标签隐藏 display:none;-->
<p v-show="ok">完成2</p>
<p v-show="!ok">失败2</p>
<button @click="ok=!ok">切换</button>
</div>
<script>
var v=new Vue({
el:'#app',
data:{
ok:true
}
})
</script>
</body>
</html>
fixed
没有一个冬天不可逾越，没有一个春天不会来临。最慢的步伐不是跬步，而是徘徊，最快的脚步不是冲刺，而是坚持。