Vue起步

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>'
})