v-show 和 v-if 的作用和区别,v-bind 和 v-model的作用和区别 什么情况下回导致跨域 vue生命周期 使用vue中的v-for时为什么要绑定 :key vue 组件通信如何实现

v-show 和 v-if 的作用和区别

      v-show和v-if的作用：控制元素的显示与隐藏

      v-show切换元素的didplay属性none隐藏block显示
      用来控制元素显示隐藏初始化会渲染
      适用于频繁切换显示隐藏元素不能在template上使用
      简单基于css的切换

      v-if通过DOM是否存在来控制组件显示隐藏
      初始化不会渲染
      不适用于频繁切换显示隐藏的组件，能在template上使用
      切换过程中合适地销毁和重建

      使用场景不同：
      if 多用于需要判断数据 从而整体删除一个标签时
      (不频繁切换显示状态)
      show 多用于通过判断数据来处理标签的显示时
      (频繁切换显示状态)

v-bind 和 v-model的作用和区别

      相同点： 用来绑定数据到标签中，符合数据驱动视图

      v-bind:单向绑定，绑定数据，属性和表达试，缩写为"：" 只负责数据显示的标签

      v-model双向绑定，主要用于表单中 同时负责数据显示和收集的标签