v-if和v-show的区别

v-if 和v-show的区别

• v-if是真正意义上的条件渲染，他会确保在切换过程中条件块内的时间监听器和子组件适当的被销毁和重建

• v-show不管初始条件是什么，元素总是会被渲染，并且只是简单地基于css进行切换

• 一般来说，v-if有更好的切换开销

• v-show有更高的渲染开销

• 所以如果需要频繁的切换的话，使用v-show，如果条件很少改变的情况下，使用v-if更加好。

 

v-model

• 只能使用在带有value的属性标签中

 

 

父子组件传值

• 父组件传值给子组件

  • 先给父组件中绑定自定义属性

  • 在子组件中，使用props接受父组件传递的数据，就可以在子组件中任意使用

• 子组件传值给父组件

  • 在父组件中绑定自定义事件

  • 在子组件中触发这个原生事件，在函数中使用$emit()触发自定义事件

  • 注：$emit(自定义事件名，传递的数据)