# 初始Vue
>[success] 可在此處查看運(yùn)行文檔中的代碼示例結(jié)果：[https://github.com/jianyaoo/Vue](https://github.com/jianyaoo/Vue)
## Vue是什么？
vue是用于構(gòu)建用戶界面的漸進(jìn)式框架。所謂的漸進(jìn)式是指vue可以允許用戶使用其中的一小部分，也可以一步一步的深入使用。如下圖所示，可以只用于聲明式渲染，然后也可以再加入組件系統(tǒng)....
* [對(duì)vue漸進(jìn)式理解]([https://blog.csdn.net/wangzunkuan/article/details/80729683](https://blog.csdn.net/wangzunkuan/article/details/80729683))
## MVVM模式
MVVM模式即model - view - viewModel模式，即數(shù)據(jù)雙向綁定。當(dāng)view層發(fā)生變化時(shí)model層的數(shù)據(jù)也會(huì)發(fā)生變化，反之model層的數(shù)據(jù)發(fā)生變化時(shí)也會(huì)同步到view層?？刂频暮诵谋闶?viewModel層。如下圖，view層相當(dāng)于原生dom ， Model相當(dāng)于js對(duì)象，當(dāng)view發(fā)生變化時(shí)，通過(guò)dom監(jiān)聽同步到model層。當(dāng)model層發(fā)生變化時(shí)通過(guò)數(shù)據(jù)綁定同步到view層，在其中起到viewModel作用的便是Vue框架
* [對(duì)MVVM模式的理解]([https://www.cnblogs.com/goloving/p/8520030.html](https://www.cnblogs.com/goloving/p/8520030.html))
## Vue實(shí)例
>[info] 所有的vue應(yīng)用都是由vue函數(shù)創(chuàng)建一個(gè)新的vue實(shí)例開始的
```
var vm = new Vue({
// 配置選項(xiàng)
})
```
## 第一個(gè)Vue程序
```
<body>
<div id="app">
<p>{{msg}}</p>
</div>
<script type="text/javascript">
var vm = new Vue({
el:"#app",
data:{
msg:"hello vue",
}
})
</script>
</body>
```
- 第一篇 基礎(chǔ)篇
- 01 - 初始 vue
- 02 - 數(shù)據(jù)綁定
- 03 - 計(jì)算屬性
- 04 - v-bind及class與style綁定
- 05 - 內(nèi)置指令
- 06 - 表單與v-model
- 07 - 組件
- 08 - 自定義指令
- 文檔模板
- 第二篇 進(jìn)階篇
- 01 - Render函數(shù)
- 02 - webPack
- 03 - 插件
- 第三篇 實(shí)戰(zhàn)篇
- 01 - iview經(jīng)典組件剖析
- 02 - 知乎日?qǐng)?bào)項(xiàng)目開發(fā)
- 03 - 電商網(wǎng)站開發(fā)
- 04 - 相關(guān)開源介紹