《x86組合語言:從真實模式到保護模式》筆記
阿新 • • 發佈:2022-01-28
1.滑鼠懸停
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <span v-bind:title="message"> 滑鼠懸停此處幾秒鐘檢視此處動態繫結的資訊 </span> </div> <!--匯入Vue--> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <script> var vm=new Vue({ el: "#app", data:{ message:'頁面加載於'+new Date().toLocaleString() } }); </script> </body> </html>
2.判斷-迴圈
if-else語句 :
<body> <div id="app"> <h1 v-if="ok">yes</h1> <h1 v-else="ok">no</h1> </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <script> var vm=new Vue({ el: "#app", data: { ok: false } }); </script> </body>
<body> <div id="app"> <h1 v-if="ok==='a'">yes</h1> <h1 v-else-if="ok==='b'">no</h1> <h1 v-else>other</h1> </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <script> var vm=new Vue({ el: "#app", data: { ok: 'c' } }); </script> </body>
for語句:
<body>
<div id="app">
<li v-for="item in items">
{{item.message}}
</li>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script>
var vm=new Vue({
el: "#app",
data: {
items: [
{message: '鄧孝慈'},
{message: '許魏洲'}
]
}
});
</script>
</body>