vue object life cycle

<div ID = "App"> 
    <P> {{NUM}} </ P> 
</ div> 

<Script> 
    var VM = new new Vue ({ 
        EL: "# App", 
        Data: { 
            NUM: 10, 
        }, 
        beforeCreate () { 
            // perform object creation method vm 
            console.log ( "object created before vm"); 
            the console.log (the this $ EL.); 
            the console.log (NUM the this $.); 
        }, 
        created () { 
            method // vm created objects after execution 
            console.log ( "after the object is created vm"); 
            the console.log (. the this $ EL); // not yet complete with this case vm objects initialized, the data is not in the hang tag command 
            the console.log (NUM the this $.); 
        },
        beforeMount(){
            After // vm object is created, before mounting data
             ( 'vm after the object is created, before the instruction ") the console.log; 
             the console.log (the this $ EL.); 
        }, 
        Mounted () { 
            After mounting the data objects // vm 
            the console.log (" objects are created before vm " ); 
            console.log (the this $ EL);. 
        } 
        // above four are initialized automatically during calls when creating a vm 
        // work, ajax will write server-side code to get in created or mounted inside data 
        // If these data can not relate to modify HTML code is written in Ajax created inside 
        // in theory, ajax code extraction data is certainly the sooner the better 
    }) 

</ Script>