[JavaScript知识库]vue生命周期函数

var vm = new Vue({   el: '#app',
            data: {
                title: '你好'
            },
            methods: {
                hello(){
                    console.log('方法')
                }
            },
            beforeCreate() {
                console.log(this); //yes
                console.log(this.title); //undefined
                this.hello(); //报错
                console.log(document.querySelector('#app')) //未渲染数据<div id="app">{{title}}</div>
            },
            created() {
                console.log(this.title); //你好
                console.log(document.querySelector('#app')) //未渲染数据<div id="app">{{title}}</div>
                //应用场景
                //修改data里面的值this.title='hello'
                this.hello();// 输出成功
            },
            //如果由template或者el's outerHTML就是这里的<div id="app">{{title}}</div>，下面继续执行
            beforeMount() {
                console.log(document.querySelector('#app'))//未渲染数据<div id="app">{{title}}</div>
                //应用场景
                //修改data里面的值this.title='hello'
            },
            mounted() {
                console.log(document.querySelector('#app'))//渲染数据<div id="app">你好</div>
                //一般第一次页面渲染完毕后工作都在这里做
                //ajax可以放在这里，也可以放created里面

            },
        })

?