<!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>
vue初学 v-if
最新推荐文章于 2022-04-26 11:17:13 发布