vue2.0 筆記整理

image.png

vue router：

1. 預設路由 ： AAA/#/login 帶hash的 （對SEO不友好）

   2.history路由：AAA/login 不帶hash的（對搜尋引擎友好）

image.png

3.可以配置全局樣式

image.png

4.生命周期詳解：

renderError:

image.png

errorCaotured：

image.png

5.綁定html，展示節點

image.png

綁定動态值，綁定事件：

image.png

6.動态綁定class

對象的形式：

image.png

數組的形式：

image.png

可以把上面兩種形式合并，簡寫：

image.png

綁定style樣式：

image.png

多樣式，用數組的形式接收，然後它能自動合并，并且會根據目前的浏覽器，給樣式加上相容的字首。

image.png

7.vue裡面的計算屬性的使用說明：computed 自帶有緩存機制，

image.png

展示實列：

image.png

8.watch方法，最初綁定的時候是不執行的，

image.png

如果不聲明，會在監聽的值發生改變的時候才觸發目前的監聽函數：

image.png

image.png

優化方案：監聽對應的熟悉，用字元串的模式來操作。

總結說明：在computed 和watch中，盡量不要去修改依賴的值（而是生成一個新的值來做顯示操作），如果改了會造成無限循環。它們的作用是：監聽處理某個邏輯，然後得到一個新的值。