vue.js(4)学习生命周期钩子

测试 created 代码如下：其他的看图和后面表格

<!DOCTYPE html>
<html>

<head>

    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div id="test1">
        <p>{{ message }}</p>
    </div>
</body>

</html>
<script>var test1 = new Vue({
        el: '#test1',
        data: {
            message: '值'
        },
        created: function () {
            this.message = "创建 后 赋值";
            console.log('输出: ' + this.message)
        }
    })</script>


vue.js(4)学习生命周期钩子_vue.js

名称

介绍

beforeCreate

创建前

created

创建后

beforeMount

载入前

mounted

载入后 (一般放 ajax )

beforeUpdate

更新前状态（重新渲染之前触发）

updated

更新后

beforeDestroy

销毁前

destroyed

销毁后