【資料結構】基本概念和術語
阿新 • • 發佈：2022-05-09
1.鉤子函式
鉤子函式, 其實就是Vue提前定義好的事件
<script type="text/javascript">
var app = new Vue({
el:"#app",
//鉤子函式created,該方法在頁面顯示之後,自動執行
created() {
console.log("created...");
}
});
</script>
2. 插值表示式
插值表示式使用者把vue中所定義的資料,顯示在頁面上. 插值表示式允許使用者輸入"JS程式碼片段"
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue插值表示式</title>
<script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<h1>{{ name }}</h1>
</div>
<script type="text/javascript">
//
3.顯示資料(v-text和v-html)
v-text和v-html專門用來展示資料, 其作用和插值表示式類似。v-text和v-html可以避免插值閃爍問題.
插值閃爍: 在資料未載入完成時，頁面會顯示出原始的{{}}, 過一會才會展示正常資料.
v-text：把資料當作純文字顯示.
v-html：遇到html標籤,會正常解析