vue4——钩子函数与v-if的vue指令

一、生命周期钩子函数

　　（1）beforeCreate（） 实例创建前触发

　　（2）created（） 实例创建完成，

　　（3）beforeMount（） 模板渲染前，可以访问数据，模板编译完成，虚拟DOM已经存在

　　（4）mounted（） 模板渲染完成，可以拿到DOM节点和数据

　　（5）beforeUpdate（） 更新前

　　（6）updated（） 更新完成

　　（7）activated（） 　 激活前

　　（8）deactivated（） 激活后

　　（9）beforeDestroy（）　 销毁前

　　（10）destroyed（）　　 销毁后

二、v-if（使用判断数学成绩例子）

点击查看代码

数学成绩:

不及格

及格

良

优秀

效果图

知识点

v-if 如果非真false，则不生成html元素