1. 兼容性

Vue不兼容IE8以及以下。

Vue Devtools

https://github.com/vuejs/vue-...

2. 安裝

1.直接<script>標簽引用， Vue會被註冊成為一個全局變量。
2.npm
註：開發版本下不要使用壓縮版本，不然會失去一些錯誤相關的警告。

起步

vue是一套構建用戶界面的漸進式框架。vue被設計為可以自底向上逐層應用，vue的核心只關註視圖層，

3. 聲明式渲染 {{ text }}/v:bind

Vue的核心是允許采用簡潔的模板語法來聲明式的將數據渲染進DOM系統：

<div>
{{ message }}
</div>
 

如上，數據和DOM已經建立了關聯，所有東西都是響應式的。

<p v-bind:title="message">鼠標懸停幾秒</p>

如上，采用指令的形式應用在已經渲染的DOM上面，而且給DOM應用特殊的響應式行為。這裏是將"message"綁定到p元素的title屬性上面。

條件與循環 v-if/v-for。

<p v-if="seen">現在可以看到我了麽？</p>

v-if不僅可以把數據綁定到DOM文本或特性，還可以綁定到DOM結構。

<ul>
    <li v-for="todo in todos"> {{ todo.text }} </li>
</ul>
 

如上，v-for可以渲染一個列表。

處理用戶輸入v-on/v-model

可以使用v-on指令添加事件監聽器。

<button v-on:click="reverseHandle">click Me</button>

v-model可以實現表單和應用狀態之間的雙向綁定。

<input v-model="message">

組件化應用構建

Vue裏面，一個組件本質上是一個擁有預定義選項的一個Vue實例。在Vue中註冊組件很簡單：

Vue.component('todo-item', {
    props: ['todo'] //接受一個props， 類似一個自定義特性。這個props名為todo
    template: '<li>{{ todo.text }}</li>'
})
 

Vue起步