vue常用指令

一、v-if和v-show：

vue框架中提供了v-if 和 v-show两个指令，用于控制页面DOM结构的显隐性。

相同点：均可以实现局部DOM的显示和隐藏。

不同点：显示和隐藏的原理不同。v-show隐藏元素的本质是给元素本省添加了display = none这个css属性，其实DOM结构仍存在于页面，可以通过F12查看DOM结构。v-if隐藏元素的本质是不加载DOM结构，不能通过F12查看DOM结构之后再v-if绑定的布尔变量为true时，才添加对应的DOM结构。

常见报错：本人使用v-if控制页面渲染，有次出现报错：

NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before

改为v-show后问题解决。