新手v-show，有经验的人会用v-if，后面我们会讲各自的使用场景和缺点，为什么说新手用v-show更方便，有经验的人会用v-if？这与Vue中的组件密切相关。

关于新手：

其实新手的定义不是新人，也不是实习生，这和个人在项目中积累的经验有关。虽然不能多次表达，但思想不会欺骗自己。虽然刚开始的时候无法抗拒Vue，但是对里面的东西也很烦。这里写的是什么？突然，你就看不懂了。当你长期接触vue，你会发现你无法回到原生JS的语法。真的，原码。

新人在vue接触到元器件可能会很烦。我以前也是这样。看着一堆组件就烦。写这么多东西有什么用？为什么写起来这么麻烦？但是现在的想法正好相反。如果没有组件代码，真的看不懂。当然，零部件要用好，否则会适得其反。

对于v-show的解释：

如果是组件的话，v-show在打开页面的时候只会经历一次生命周期，所以不会触发生命周期，这样会浪费很多资源，会有很多不可预知的问题。

新人不喜欢用组件。例如，我们的页面上有各种项目符号框，项目符号框显示在当前页面上。婴儿使用v-show来控制子弹盒的显示和隐藏。为什么不用v-if？我.我真的不知道。反正大部分人都是这样过来的。

优点：？？？

没有优势.只有适合的场景。

缺点：

麻烦，怎么麻烦？我不管你用v-show控制组件还是控制当前页面的代码。你会有各种不可预知的bug。先说可预测性。，控制组件时(组件有独立的生命周期，可以直接在组件内部调用接口。如果需要参数，可以将值传递给父页面上的组件。如果你坚持要求完整的数据传输到父页面上的组件，那么我会很高兴。你的成分都白写了。事实上.)组件不经历其生命周期，组件中需要回显的数据并不是此时此刻的最新数据，而是页面加载时已经呈现的数据。如果需要输入关于添加的组件弹出框，你会发现每次打开弹出框时，最后输入的内容都会显示在弹出框中。有些宝宝比较聪明，你在组件里点击保存或者点击页面上的按钮(按钮代表打开弹出框的点击事件)就会清除，为了保持最新的数据显示，每次打开项目符号框传输完整的数据，有编辑的时候会清空最后一个值。结果你累了别人还是看不懂。

对于v-if的解释：

用v-if真好。如果在组件上使用v-if，则每次显示组件时都会遵循组件的独立生命周期。

优点：

没有人为干预，v-show的劣势反过来就是v-if的优势。每次打开它，它都会经历生命周期。说到echo，它会直接调用自己生命周期中的最新数据，保证每次打开时都是当前时刻的最新数据。因为每次都重新加载v-if，所以最后一个输入在输入时不会出现，并且在没有人工干预的情况下会被清空，从而保证了代码的简单性，因为逻辑和交互可以完全写在组件本身中。

缺点：

没有缺点，只有不同的使用场景。

那v-show真的是一无是处嘛？不，他有自己的使用场景

有时候会有一些个别的要求，比如页面上有10个tab切换页面，或者有10个弹出框用于编辑不同的内容。这个时候10个弹出框或者标签页会在页面上出现很多代码，不可读，所以这次你要写10个组件，但是你突然发现弹出框没有保存，真的没有保存。在页面上提交时，您需要将10个组件中输入的内容传递给后台。这个时候可以用v-show。

获取子组件中数据的方法（这种方法千千万，给你一种行不行......）

Vue中的父组件直接调用子组件中的函数。点击查看。这是给你一个思路。既然可以转移到在建功能，当然可以得到其他东西。好.最傻的方法告诉你，在调用子组件函数的时候，更好把子组件中的数据返回到函数中。