核心提示：vue基础学习之v-showv-if代码示例bodyscript type=text/ src=js/vue.js /scriptp id=app!--时间：2018-02-23描述：v-show=!...
vue基础学习之v-showv-if代码示例
<body>
<script type="text/javascript" src="js/vue.js" ></script>
<p id="app">
<!--
时间：2018-02-23
描述：
v-show="!message":pdisplay:none
v-if="!message":是直接没有p
-->
<p class="error" v-show="!message"> you must enter a message to submit</p>
<!--{{message}}-->
<textarea v-model="message"></textarea>
<button v-show="message">submit message</button>
<span>{{$data | json}}</span>
</p>
<script type="text/javascript">
var app =new Vue({
el:'#app',
data:{
message:''
}
})
</script>
</body>
