在介紹vue之前，我們先來簡單複習下前端知識。
大家都知道HTML是一種超文本標記語言，定義了很多標籤和組件，可以被瀏覽器識別顯示，例如<html>，<body>，<p>等標籤，<table>，<div>，<form>等組件，主要控制頁面顯示。而CSS語言用來修飾這個標籤和組件的樣式，最典型的是id，class，以及標籤選擇器，後臺選擇器等其他選擇器都是此基礎上，暫時先不提，主要用來修飾頁面顯示。但這兩種只是控制動態頁面的顯示。
JavaScript，即js，百度一下，解釋型或即時編譯型的編程語言，Web頁面的腳本語言。同樣，同樣也是被瀏覽器識別。
主要組成部分：
ECMAScript，描述了該語言的語法和基本對象，其實就是js基本語法，例如變量的聲明，函數聲明以及調用等。
文檔對象模型（DOM），描述處理網頁內容的方法和接口，例如選擇組件，修改組件文本內容和顯示樣式。
瀏覽器對象模型（BOM），描述與瀏覽器進行交互的方法和接口，例如ajax。
Jquery，又jquery.js，百度一下，大意是一個封裝了JS庫，簡化我們使用JS。第一、簡化我們在組件中綁定數據和樣式，第二、簡化我們與dom以及bom的交互。
jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結爲：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。
Vue是什麼？
vue又vue.js，和jquery.js一樣，js封裝庫，簡化我們使用js. 比Jquery.js跟簡便，剛學習，現在看出來方便之處，支持數據的雙向綁定，不用操作dom就可以實現數據顯示。
el：掛載點，選擇一個組件。可以使用選擇器。
data：爲掛載點聲明數據。
methods：爲組件聲明方法。
v-text：綁定標籤的文本，是指修改的是text值 {{}}。
v-html：實質是修改元素的innerhtml屬性。
v-on：爲組件綁定事件，v-on:click=""，簡寫@click=""。
v-show：根據表達式的真假，顯示或隱藏組件內容，實質是修改的元素的display值。
v-if：根據表達式的真假，顯示或隱藏組件，實質從dom樹中移除組件，而不是修改的元素的display值，切換消耗資源較大。
v-bind：設置元素屬性，src,tittle,class，v-bind:屬性名，簡寫直接:屬性名。
v-for：生成列表結構，將模板帶拷貝。
數組的操作方法push,shifty
@keyup.enter，事件修飾符，按下enter，觸發事件。
v-modle：獲取或者設置表單數據（雙向數據綁定）。例如<input type = "text" v-model="在vue定義的數據"></input>。