1. 程式人生 > >vue相關知識總結

vue相關知識總結

關於vue 相關的知識總結

1.變數在未來要使用,但現在為空或者不存在,要定義好初始值,相當於留一個坑給以後賦值. 2.不要在選項屬性或者回調函式用箭頭函式,這時候的this不一定指向想要的vue例項. 3.慎用v-html,容易導致XSS 攻擊. 4.computed是基於依賴進行快取的,若依賴不變直接返回值.計算屬性預設只有getter屬性,可以定義setter屬性. 5.v-bind:a="b"中a是引數,b可是物件,陣列等 6.在相同連續的模板元素中,key是標示,表示這兩個元素是完全獨立的,不要複用它們. 7.v-show 不支援 元素,也不支援 v-else。 8.v-if 具備惰性,操作時才渲染,低頻使用,v-show,直接渲染,然後做css切換,高頻使用. 9.v-for中遍歷為物件是可用(value,key,index)做 10.物件屬性或陣列index中用set方法賦值才能觸發響應式. 11.若是固定搭配 例如 ul和li,table和tr,要將子元素套用元件可以用"is"表示 12.v-model會忽略所有表單元素的value,check,selected的設定 13.data必須是一個函式,否則會被其他共享. 14.v-model實際是語法糖,相當於:value=“text”,@input="text=e

vent.target.value"15.:is.16.,event.target.value" 15.用:is 可以做動態模板切換. 16.將原生事件繫結到元件中時若無效,則運用listeners屬性. 17.在transition中若只用javascript做過渡中,必須用done()做回撥