vue基礎學習之v-show v-if
阿新 • • 發佈:2018-12-30
<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>