前端进阶Vue框架-----组件生命周期

最新推荐文章于 2024-06-02 22:12:52 发布

小不言啊

最新推荐文章于 2024-06-02 22:12:52 发布

阅读量100

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_61656944/article/details/123050303

版权

本文详细探讨了Vue框架中组件的生命周期，从创建前到销毁的过程中，每个阶段的关键点和可执行的操作，帮助前端开发者深化对Vue组件生命周期的理解。

摘要由CSDN通过智能技术生成

每个组件都会有一个生命周期，创建之前的生命周期只能执行一次

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/lib/vue.js"></script>
</head>
<body>
    <div id="box">

    </div>

    <script>
        new Vue({
            el:"#box",
            data:{
                myname:"xby"
            },

            // 创建阶段-----一生只会执行一次

            beforeCreate(){
                console.log("beforeCreate",this.myname)
            },
            created(){