v-if與v-show
v-if:值為false時,dom樹上不會有該標簽。屬于銷毀與重建的過程。
v-show:不管初始條件(true/false)如何,元素始終渲染,并且只是基于 CSS 的切換(display)。
所以:v-if一般只用在初始渲染,后面不怎么切換狀態的時候;v-show則一般在頻繁切換元素的時候用。
組件坑
組件component中data要使用函數return出去。
props:里面全小寫或使用連字符。(報錯eg:Prop“sharelink”傳遞給組件,但聲明的prop名稱是“shareLink”。 請注意,HTML屬性不區分大小寫,并且在使用in-DOM模板時,camelCased props需要使用它們的kebab-case等價物。 您應該使用“share-link”而不是“shareLink”)
不要在選項屬性或回調上使用箭頭函數,因為箭頭函數是和父級上下文聯系在一起的,this 不會是如你所預期的 Vue 實例,