一些vue的知識點

1、v-model指令：在input及textarea元素上進行雙向繫結，v-model會忽略所有表單元素的value，checked，selected特性的初始值而總是將vue例項的資料作為原資料。

我認為就是只能顯示vue例項中data中的資料。

2、v-bind指令：將元素節點的屬性和vue例項屬性保持一致。

動態的繫結屬性，或者元件prop到表示式

2.1、class於style繫結：可以傳給v-bind：class乙個物件，以動態的切換class，可以在物件中傳入更多屬性來動態切換多個class，而且v-bind：class可以和class屬性共存

例：data：，]

3、router是乙個機制，相當於乙個管理者，他來管理路由，它到routers中去查詢，去找到對應的home內容，所以頁面中就顯示了home的內容。

4、客戶端的路由，實際上就是dome元素的顯示和隱藏，當頁面中顯示home內容的時候，about中的內容全部隱藏。

vue-router路由也是基於上面的內容來實現的。

1、vue-router中，兩個標籤和來對應點選和顯示部分，就是定義頁面中點選的部分

定義顯示部分，就是點選後，區配的內容顯示在什麼地方，所以還有乙個屬性to，定義點選之後，要到**去。

2、js中配置路由

首先要定義route，一條路由實現，它是乙個物件，由兩個部分組成：path和component，path指路徑，component指的是元件或者routes，最後建立router對路由進行管理，它是由建構函式，new vuerouter建立，接受routes引數。

配置完成後，把router例項注入到vue根例項中，就可以使用路由了。

執行過程：當使用者點選router-link標籤時，會去尋找它的to屬性，它的to屬性和js中配置的路徑從而找到了匹配的元件，最後把元件渲染

到標籤所在的地方，所有的這些實現基於hash實現的。