您的位置：首页 > 产品设计 > UI/UE

vue初学 v-if

2017-05-23 18:30 211 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript vue

相关文章推荐

新的分享

章节导航