Vue中需要注意的小知識丶,後續會持續更新哦

2021-10-07 04:06:23 字數 1806 閱讀 9049

注意觀察下面的兩段**,區別在於乙個age加了v-bind也就是冒號,乙個沒有加,那麼就會有區別了

因為不加v-bind也就是冒號的話,那麼age後面的數字就相當於字串,然後整個**下來就相當於字串的拼接,那麼結果就是2010

>

20>

<

/aaa>

<

/div>

"">

<

/script>

vue.config.productiontip =

false

//不去提示

vue.

component

('aaa',)

newvue(}

,

methods:})

<

/script>

<

/body>

因為不加v-bind也就是冒號的話,那麼age後面的數字就相當於js語法,然後整個**下來就相當於20+10,那麼結果就是30

>

20>

<

/aaa>

<

/div>

"">

<

/script>

vue.config.productiontip =

false

//不去提示

vue.

component

('aaa',)

newvue(}

,

methods:})

<

/script>

<

/body>

下面我要說的是乙個細節的小知識點

看以上兩張圖,外傳裡的時候,裡面是pageindex來接受的,但是你看外面寫的卻是page-index,這裡就需要注意的是因為識別不了駝峰命名法所有中間用「-」隔開

這裡我要說得是parent和root的乙個容易記錯的小知識點

1.parent:訪問的是最近一級的父元件

2.root:訪問的是根父元件

父元件和子元件中的乙個順序問題

上面很明顯得父子關係,這裡就不多解釋created和mounted了,前面的部落格中有哦,歡迎去翻,言歸正傳,那麼上面的執行順序結果為

zz:created

zz:mounted

aaa:mounted

這裡是接上面的圖,又有乙個元件,這時候這個元件是上面元件的子元件,那麼順序會是什麼樣子的呢?如下

zz:created

aaa:created

aaa:mounted

zz:mounted

aaa:mounted

Vue元件需要注意的事項

var vm new vue 一 計算屬性 computed 1 上述 中的計算屬性是add。2 計算屬性執行的function中涉及到的資料量被稱為計算屬性的依賴資料。3 計算屬性 當該屬性的依賴資料發生變化時,則該屬性會重新進行計算。4 計算屬性執行的function中renturn的返回值是計...

使用linux的幾個需要注意的問題 後續增補

一.vim編輯檔案時可以實現單詞自動補全嗎?vim自動補全的功能請嘗試ctrl n 二.vim編輯器可以開啟多個視窗嗎?vim在終端中執行,並且在執行時獨佔整個終端,但是在vim內部,你卻可以使用 new name vnew name split name等命令來將vim 視窗 進行分割,實現win...

使用linux的幾個需要注意的問題 後續增補

一.vim編輯檔案時可以實現單詞自動補全嗎?vim自動補全的功能請嘗試ctrl n 二.vim編輯器可以開啟多個視窗嗎?vim在終端中執行,並且在執行時獨佔整個終端,但是在vim內部,你卻可以使用 new name vnew name split name等命令來將vim 視窗 進行分割,實現win...