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 实例,
网友评论