vue很有用的小知識(持續更新)

2021-10-09 19:59:54 字數 1283 閱讀 2760

直接上**

父元件中

'openmodel'

:receivedata=

"this.receivedata"

>

<

/model>

//子元件

"revise"

>修改<

/div>

<

/template>

methods:,}

子元件"dialo**isible"

>

<

/h1>

<

/div>

<

/template>

props:

,data()

},methods:

,}

this

.$parent.isopen=

false

;//修改父元件的data

this

.$root.isopen=

true

;//修改根元件

if

(sessionstorage.

getitem

("store"))

,this

.$store.state,

json

.parse

(sessionstorage.

getitem

("store"))

))}

window.

addeventlistener

("pagehide",(

)=>

)

v-show是通過設定css中的display來控制顯示和隱藏的

v-if是動態的向dom樹內新增或者刪除bom元素

其實說來就是回流與重繪的知識了,不知道的趕緊去翻下我的帖子,

很明顯v-show就是單純的重繪,v-if是回流+重繪,

當然,回流是一定會重繪的,所以說v-if會有更大的效能消耗,

if需要頻繁的切換肯定是要用v-show

else

使用v-if

總結:如果要頻繁切換某節點時,使用v-show(無論true或者false初始都會進行渲染,此後通過css來控制顯示隱藏,因此切換開銷比較小,初始開銷較大),如果不需要頻繁切換某節點時,使用v-if(因為懶載入,初始為false時,不會渲染,但是因為它是通過新增和刪除dom元素來控制顯示和隱藏的,因此初始渲染開銷較小,切換開銷比較大)

vue開發小技巧 持續更新

1.以前的寫法 import veevalidate from vee validate 表單驗證 import from vant vue.use veevalidate vue.use button vue.use lazyload 懶載入 vue.use popup vue.use toast...

PYTHON常用小知識(持續更新)

python判斷檔案和資料夾是否存在 import os os.path.isfile test.txt 如果不存在就返回false os.path.exists directory 如果目錄不存在就返回false python時間的處理 from time import 將time引入進來 fti...

openlayers學習小知識 持續更新

1 限制地圖縮放級別 在view中定義屬性minzoom和maxzoom,可以設定地圖縮放的最小級別和最大級別 2 動態設定地圖的縮放級別 使用map.getview 方法獲取地圖當前的view,view.getzoom獲取當前檢視的縮放級別,view.setzoom設定檢視的縮放級別,map.se...