vue 系列生命周期

最新推荐文章于 2023-08-17 00:43:35 发布

Mic_start

最新推荐文章于 2023-08-17 00:43:35 发布

阅读量128

点赞数

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/qq_37574218/article/details/105969619

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

vue 生命周期

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <div id="msg">{{msg}}</div>
    <input type="button" value="按钮" @click="msg='ok'">
</div>
<script src="../lib/vue.js"></script>
<script type="text/javascript">
    const vm= new Vue({
        el:"#app",
        data: {
            msg:'success'
        },
        methods:{
            show(){
                console.log("show")
            }
        },
        beforeCreate(){
            // console.log(this.msg);
            // this.show();
        },
        created(){
            console.log(this.msg);
            this.show();
        },
        beforeMount(){
            console.log(document.getElementById('msg').innerText)
        },
        mounted(){
            console.log(document.getElementById('msg').innerText)
        },
        beforeUpdate(){
            console.log(document.getElementById('msg').innerText)
        },
        updated(){
            console.log(document.getElementById('msg').innerText)
        }
    })
</script>
</body>
</html>

对应视频：生命周期

Mic_start

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue 系列生命周期

vue 生命周期<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <div id=...
复制链接

扫一扫