vue一些需要注意的小知识点

vue

1.vue的生命周期" title="vue的生命周期">vue的生命周期，主要的介绍官网（https://cn.vuejs.org/v2/api/）上都有。

主要说的是created和mounted。之前在写项目的过程中，需要对DOM节点进行操作（但是在vue里面尽量不要获取节点进行操作。vue主要是对数据进行操作），在created里面这些操作并不能实现，但是在mounted里面是可以的。

主要原因就是：created是vm实例已经创建但是未完成挂载，而mounted已经部分完成挂载，这么说的原因是，mounted不承诺所有的子组件都会被挂载，如果你希望等到的是整个视图都渲染完毕，可以用 vm.$nextTick 替换掉mounted.

$nextTick是下次DOM更新循环结束之后执行的回调函数。

2.vue里点击按钮，弹框的实现。

通过在父组件上绑定一个show，type为boolean，在子组件用props接收传过来的show值，show值为true时弹出框显示，false时不显示。

父组件：

子组件：

3.v-show与v-if的区别？

v-if与v-show都属于条件渲染，意思就是根据不同的条件使用不同的模板。

在vue中，v-show只是简单的修改了样式，DOM节点是真实存在的，只是隐藏了。

v-if是真实的条件渲染，值为false是不编译不渲染，当值为true时，才开始编译。