初识Vue练习
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> </head> <body> <div id="app"> <p>{{message}}</p> <div v-text="name"></div> <div v-html="name"></div> <div v-text="num1+num2"></div> <div>{{num1+num2}}</div> <div>{{temp?name:name2}}</div> <div v-if="nb"> 大人们往往会因为小孩子们崇拜拾荒者、邮差以及起重机司机而感到担忧,但现在看来,比起我们成年人所崇拜的那些好莱坞大粪坑里的蛆,孩子们的理想似乎要崇高的多。 </div> <div v-else="nb"> 半夜凉飕飕:道路无差别杀人事件,奇怪的死法 </div> <div v-show="kaclus"> 猫会降低婴幼儿哮喘病的概率 </div> </div> </body> <script> var vm =new Vue({ el:"#app", data:{ message:"hello Vue", name:"morgana", num1:1000, num2:10, temp:false, name2:"katherine", nb:false, kaclus:false } }) // setTimeout(function () { // vm.name="hahaha" // },5000) </script> </html>