2013年，在Google工作的尤雨溪，開發出了一款輕量Javascript框架，最初命名為Seed，同年12月，更名為Vue，一經推出發展迅速，現在已成為最時髦和炙手可熱前端框架，在Github上獲得了超過十萬的Star，國內許多知名公司都使用Vue作為前端開發工具，例如餓了麼、美團等，很多公司的招聘要求都會把會使用vue作為加分項。

001-Vue的定位是什麼？

Vue是一個JavaScript框架，類似的框架有React，Angular等等，所謂框架就是一個比較大型的庫，使用它能讓基於網頁的前端應用程式開發起來更加方便。相對於完全採用原生JavaScript程式碼來編寫前端程式碼而言，使用框架的程式碼量更少，開發效率也更高。

需要注意的是，Vue並非UI框架，它的定位與Bootstrap、Frozen UI這一類專注於頁面呈現的框架不是一回事，或者說，UI框架關注點在HTML，而Vue這一類框架關注點是JavaScript。Vue可以跟很多UI框架搭配使用，比如說Bootstrap（vueBootstrap），和一些專門與Vue配合的例如餓了嗎團隊開發的element-ui等等。

002-實現第一個VueJS應用.html

1.下載Vue: https://unpkg.com/vue/dist/vue.js

2.將vue.js拷貝到任意一個目錄（工作目錄）

3.在同一個目錄下用編輯軟體（隨便什麼都行，記事本都可以）新建一個檔案，輸入以下程式碼：

   <script src="vue.js"></script>   <div id="app">       <p>{{title}}</p>   </div>   <script>       new Vue({           el:"#app",           data:{               title: "Hello World!"           }       });

<span v-on:mousemove = "dummy">DEAD SPOT</span>

JS部分：

dummy: function(){  event.stopPropagation();} 

以上程式碼確保事件不會傳播給繫結有這個屬性的SPAN上，當然，我們還有更簡單的方法，就是使用事件修飾符，使用stop修飾符即可實現這個目的：