Title {{message}} {{num1+num2}} {{temp?name:name2}} 大人們往往會因為小孩子們崇拜拾荒者、郵差以及起重機司機而感到擔憂，但現在看來，比起我們成年人所崇拜的那些好萊塢大糞坑裡的蛆，孩子們的理想似乎要崇高的多。 ... ...
<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>
