Vue 生命周期 - 木子才的博客

常用有：

created，实例初始化后调用，尚未挂载，$el 还不可用。
mounted，el 挂载到实例上后调用，最初的业务逻辑会写在这里。
beforeDestroy，实例销毁前调用。主要用于解绑一些监听的事件。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例</title>
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
</head>
<body>
<div id="app">
</div>

<script>
    var app = new Vue({
        el: '#app',
        data: {
            a: 2
        },
        created: function () {
            console.log(this.a)//输出为：2
        },
        mounted: function() {
            console.log(this.$el)//输出为：<div id="app"></div>
        }
    })
</script>
</body>
</html>