成都建设网站公司哪家好,上海有名的广告公司,红色文创产品设计,雏光 网络推广 网站建设目录 生命周期生命周期的8阶段生命周期小例子总结 欢迎关注 『VUE』 专栏#xff0c;持续更新中 欢迎关注 『VUE』 专栏#xff0c;持续更新中 生命周期
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤#xff0c;比如设置好数据侦听#xff0c;编译模板#xf… 目录 生命周期生命周期的8阶段生命周期小例子总结 欢迎关注 『VUE』 专栏持续更新中 欢迎关注 『VUE』 专栏持续更新中 生命周期
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤比如设置好数据侦听编译模板挂载实例到 DOM以及在数据改变时更新 DOM。在此过程中它也会运行被称为生命周期钩子的函数让开发者有机会在特定阶段运行自己的代码。 生命周期的8阶段 beforeCreate() {console.log(创建之前~);},created() {console.log(创建完毕);},beforeMount() {console.log(挂载之前);},mounted() {console.log(挂载完毕);},beforeUpdate() {console.log(更新之前);},updated() {console.log(更新完毕);},beforeUnmount() {console.log(销毁之前);},unmounted() {console.log(销毁完毕);},生命周期小例子
我们更新数据后就会自动触发更新之前和更新之后的方法
修改了message之前 修改了message之后 app.vue
templateh3生命周期/h3p{{ message }}/pbutton clickupdatedData修改数据/button
/templatescript
export default {data() {return {message: qwer,};},methods: {updatedData() {this.message this.message asdf;},},beforeCreate() {console.log(创建之前~);},created() {console.log(创建完毕);},beforeMount() {console.log(挂载之前);},mounted() {console.log(挂载完毕);},beforeUpdate() {console.log(更新之前);},updated() {console.log(更新完毕);},beforeUnmount() {console.log(销毁之前);},unmounted() {console.log(销毁完毕);},
};
/script总结
大家喜欢的话给个点个关注给大家分享更多计算机专业学生的求学之路
版权声明
发现你走远了mzh原创作品转载必须标注原文链接
Copyright 2024 mzh
Crated2024-3-1 欢迎关注 『VUE』 专栏持续更新中 欢迎关注 『VUE』 专栏持续更新中 『未完待续』
