一地淀、認(rèn)識(shí)Vuejs（讀view）
1.Vue是一個(gè)漸進(jìn)式的框架：可以把Vue作為應(yīng)用的一部分嵌入項(xiàng)目中
2.Vue有很多特點(diǎn)和Web開發(fā)中常見的高級(jí)功能
①解耦視圖和數(shù)據(jù)
②可復(fù)用的組件
③前端路由技術(shù)
④狀態(tài)管理
⑤虛擬DOM
3.安裝Vuejs
①直接用<script>標(biāo)簽引用
②CDN
③Npm
二帮毁、體驗(yàn)Vuejs
Vue是響應(yīng)式前端框架
響應(yīng)式:當(dāng)改變Vue代碼時(shí)，頁(yè)面顯示也會(huì)隨著改變
下面是一個(gè)簡(jiǎn)單的Vue實(shí)例
<body>
<div id="app">
<h2>{{message}}</h2>
<h1>{{name}}</h1>
</div>
<div>{{message}}</div>
<script src="../js/vue.js"></script>
<script>
//let(變量)/const(常量) var會(huì)導(dǎo)致全局污染，盡量不用
//編程范式:聲明式編程
const name = 'why'
const app = new Vue({
el:'#app',//用于掛載要管理的元素
data:{//定義數(shù)據(jù)
message:'Hello!Vue.js!',
name:'CodeWhy'
}
})
</script>
</body>
let用于聲明變量
const用于聲明常量
var聲明會(huì)導(dǎo)致全局污染灯抛，盡量少用
讓我們讀讀夹抗，代碼做了什么事情
1,創(chuàng)建了一個(gè)Vue對(duì)象
2,創(chuàng)建對(duì)象時(shí)，傳入一些opation{}
- {}中el屬性：該屬性決定了這個(gè)Vue對(duì)象掛在到哪一個(gè)元素上沽甥，很明顯，這里我們掛載到了id為app的元素上邓了。
- {}中data屬性：該屬性中總會(huì)儲(chǔ)存一些數(shù)據(jù)，這些數(shù)據(jù)可以是上面這樣自己定義的蛇受，也可以來自網(wǎng)絡(luò)兢仰，從服務(wù)器加載的
原始js的做法（編程范式:命令式編程）
1.創(chuàng)建div元素轻专，設(shè)置id屬性
2.定義一個(gè)變量叫message
3.講message變量放在前面的div元素中顯示
