前端學習VUE基礎(一)
阿新 • • 發佈：2021-08-22
（覆盤的真正目的是讓自己把過去的每一天、每一次行動、每一個任務都變成自己的養分，把它們吸收化為己用）
html結構分析：
1、<html>最外層的結構
2、<head>
<title>這裡是頁面標題</title>
</head>
3、<style>這裡設定文字框的樣式</style>
4、<body>
<div id="app">
<p>{{ message }}</p>
<h1></h1>
<class ></class>
</div>
<script>
new Vue({
el:'#app',
data:{
message:'Hello Vue.js!'
}
})
</script>
</body></html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文件標題</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <style> .class1{ backgroud:#444; color:#eee; } </style> <body> <div id="app"> <h1>我的第一個HTML頁面</h1> <div v-bind:class="{'class1':use}">v-bind:class 指令</div> </div> <script> new Vue({ el:'#app', data:{ use:false } }) </script> </body> </html>
首先，在dom層中（dom是什麼？就是你寫的那些真實的標籤，元素，比如輸入框，比如div標籤等等，docment首字母，docment就是元素）
我們隨便寫了個標籤塊（就是本來我們寫倆個p標籤，這個p標籤是用來放一些文字的段落的，屬於最簡單的標籤之一，用這個來做試驗 簡單！
然後為了控制它，我們在外面包了一層div標籤。）然後具體要控制它做的事或者說這個標籤塊的設定程式碼在哪呢？
答案就是在script裡寫，這個就是專門存放js/jq/vue.js等語言的地方，死記硬背吧，這個script裡就是俗稱的 bom區域，就是browser的首字母。意思是放一些和瀏覽器互動的程式碼的地方。