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