<body>
<script type="text/javascript" src="js/vue.js" ></script>
<div id="app">
<!--
时间：2018-02-23
描述：
v-show="!message":divdisplay:none
v-if="!message":是直接没有div
-->
<div class="error" v-show="!message"> you must enter a message to submit</div>
<!--{{message}}-->
<textarea v-model="message"></textarea>
<button v-show="message">submit message</button>
<span>{{$data | json}}</span>
</div>
<script type="text/javascript">
var app =new Vue({
el:'#app',
data:{
message:''
}
})
</script>
</body>vue基础学习之v-show v-if
猜你喜欢
转载自blog.csdn.net/seven_begain/article/details/79357793
今日推荐
周排行