vue初学 v-if

来源：互联网发布：网络软营销编辑：程序博客网时间：2024/06/15 01:36

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="vue.js/vue.js"></script></head><body><div id="app">    {{message}}    <input v-model="message">    <input type="button" value="change" onclick="e()">            <!--<p>{{num}}</p>-->    <!--<p v-if="num>0.5">大于0.5</p>-->    <!--<p v-else>小于0.5</p>-->            <!--<template v-if="mmm">-->        <!--<p>这是真事</p>-->    <!--</template>-->    {{mmm?'yes':'no'}}//三元表达式</div><script>//    shuju={message:"hello vue"};//    var vm = new Vue({//        el:"#app",//作用域//        data:shuju//数据中心//    });//    function e(){//        vm.message='我被他改变了';//    }    var vm=new Vue({                   //构造器        el:"#app",        data:{            num:Math.random(),            mmm:true        //判断        }    })</script></body></html>

阅读全文

0 0