自学内容网 自学内容网

Vue生命周期

1.生命周期:指一个对象从创建到销毁的整个过程

2.生命周期的八个阶段:每触发一个生命周期事件就会自动执行一个生命周期方法(所以不需要我们自己去调用这些方法)

不同的阶段周期的状态也不同

如beforeCreate处于创建前

created处于创建后

beforeMount处于挂载前

mounted处于挂载完成

beforeUpdate更新前

updated更新后

beforeDestroy销毁前

destroyed销毁后

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="vue.js">//引入vue文件</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>

<body>

</body>

</html>
<script>
    //定义vue对象
    new Vue({
        el: "#app",//vue所接管的区域
        data: {

        },
        methods: {

        },
        beforeCreate() {
            alert("创建前")
        },
        created() {
            alert("创建后")
        },
        beforeMount() {
            alert("挂载前")
        },
        mounted() {
            alert("挂载完成")
        },
        beforeUpdate() {
            alert("更新前")
        },
        updated() {
            alert("更新后")
        },
        beforeDestroy() {
            alert("销毁前")
        },
        destroyed() {
            alert("销毁后")
        },
    })
</script>


原文地址:https://blog.csdn.net/NaZiMeKiY/article/details/137679983

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!