记Vue标签差别

最近在工做要负责维护公司内部的一个管理系统，前端采用vue来开发，对有些标签的差别不是特别理解，到网上看了如下你们是怎么理解的，如下是个人总结。

v-model v:bind
v-model是双向绑定
v:bind是单向绑定
如下两句是等价的
<input v-model="message">
<input v-bind:value="message" v-on:input="message = $event.target.value" />

v-show v-if
v-if 是“真正的”条件渲染，由于它会确保在切换过程当中条件块内的事件监听器和子组件适当地被销毁和重建。
v-if 也是惰性的：若是在初始渲染时条件为假，则什么也不作——直到条件第一次变为真时，才会开始渲染条件块。
相比之下， v-show 就简单得多——无论初始条件是什么，元素老是会被渲染，而且只是简单地基于 CSS 进行切换。
通常来讲， v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。所以，若是须要很是频繁地切换，则使用 v-show 较好；若是在运行时条件不太可能改变，则使用 v-if 较好。