vue初学 v-if

最新推荐文章于 2022-04-26 11:17:13 发布

xts871722743

最新推荐文章于 2022-04-26 11:17:13 发布

阅读量413

点赞数

分类专栏： web前端vue js 文章标签： javascript vue

web前端vue js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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" οnclick="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>