vue中的created方法

原创于 2021-08-09 21:20:37 发布 · 1.3w 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue

vue学习笔记专栏收录该内容

12 篇文章

订阅专栏

本文探讨Vue实例的created阶段，此阶段在DOM渲染之前调用，常用于初始化数据和设置监听器。示例代码展示了如何在created钩子中访问data属性并打印到控制台。

created方法是vue生命周期的created方法,创建vue实例的时候会被调用,接下来我们看一下她的效果吧

<!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 type="text/javascript" src="vue.js"></script>
</head>
<body>
    <div id="vueDiv">

    </div>
</body>
<script>
     // created 钩子可以用来在一个实例被创建之后执行代码：
    var vm=new Vue({
        el:"#vueDiv",
        data() {
            return {
                a:1
            }
        },
        created:function() {
            console.log(this.a);
        },
    })
</script>
</html>