vue筆記總結

2021-10-02 07:28:43 字數 1238 閱讀 6684

當乙個 vue 例項被建立時,它將data物件中的所有的屬性加入到 vue 的響應式系統中。當這些屬性的值發生改變時,檢視將會產生「響應」,即匹配更新為新的值。當這些資料改變時,檢視會進行重渲染。但是只有當例項被建立時就已經存在於data中的屬性才是響應式的。也就是說如果你對於某個data中的物件新增乙個新的屬性,那麼對於該屬性的修改將不會響應式的顯示。

}

元素有乙個特殊的 attribute:name。這個 attribute 可以用來定義額外的插槽:

乙個不帶 name 的 出口會帶有隱含的名字「default」。

在向具名插槽提供內容的時候,我們可以在乙個 元素上使用 v-slot 指令,並以 v-slot 的引數的形式提供其名稱:

a paragraph for the main content.

and another one.

here's some contact info

現在 元素中的所有內容都將會被傳入相應的插槽。任何沒有被包裹在帶有 v-slot的 中的內容都會被視為預設插槽的內容。然而,如果你希望更明確一些,仍然可以在乙個 中包裹預設插槽的內容。

es6中允許使用「箭頭」(=>)定義函式,根據箭頭函式有引數和無引數來區分

var f   = () => v;

//等同於下面的**

var f = function()

var f = v => v;

//等同於下面的**

var f = function(v)

var f = (v,w) => v+w;

//等同於下面的**

var f = function(v,w)

aaa: () =>
由於大括號被解釋為**塊,所以如果箭頭函式直接返回乙個物件時,必須在物件外面加乙個大括號,並將整個物件用小括號括起來

aaa: () => ()
aaa: () => a + " " + b

//等同於下面的**

function full(d)

注意:

箭頭函式中的this繼承於它外面第乙個不是箭頭函式的函式的this指向。

箭頭函式的 this 一旦繫結了上下文,就不會被任何**改變。

VUE 開發總結筆記

vue開發過程中遇到的一些問題和總結,都是入門時可能會遇到的問題。當我們去看vue文件的時候,發現如果在例項建立之後新增新的屬性到例項上,它不會觸發檢視更新。比如我們我們開始建立了乙個物件例項,在例項建立之後為其增加新的屬性,我們發現這個屬性不能生效,此時需要使用this.set 方法。more t...

Vue學習筆記總結(7)

十三 vue物件的操作 1.可以通過乙個vue物件操作另外乙個vue物件 2.vue物件操作另乙個vue物件的內容,維度有兩個,操作屬性 操作方法。這些屬性是data或者computed裡面定義的屬性。3.vue的例項屬性 直接通過物件.的方式呼叫的屬性,是來自data或者computed中的屬性,...

vue指令筆記總結(二)

最近用到 v if 和 v show 的指令,v if是通過控制dom節點的存在與否來控制元素的顯隱 v show是通過設定dom元素的display樣式,block為顯示,none為隱藏.v if有更高的切換消耗 v show有更高的初始渲染消耗 v if 是讓這個dom 存在與不存在的問題,而v...