vue基础学习之v-showv-if代码示例-前端--易笔记

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>

时间：2018/2/24 14:24:35