SOURCE

var jspang = Vue.extend({
    template:`<p>{{message}}</p>`,
    data:function(){
        return {
            message:'Hello Vue!'
        }
    },
    mounted:function(){
        console.log("mounted 被创建");
    },
	destroyed:function(){
    	console.log("destroy 销毁之后");
    },
    updated:function(){
        console.log('updated 更新之后');
    }
})
var em = new jspang().$mount("#app");
var destroy = ()=>{
    em.$destroy();
}
var reload = ()=>{
    em.$forceUpdate();
}
var tick = ()=>{
    em.message = 'update message info';
    em.$nextTick(function(){
        console.log('message 更新后我被调用了')
    });
}

<script src="https://unpkg.com/vue"></script>
<script src="http://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<h1>实例方法</h1>
<hr />
<div id="app">
    <jspang></jspang>
</div>
<button onclick="destroy()">删除</button>
<button onclick="reload()">更新</button>
<button onclick="tick()">更改</button>

*:not(button){
    color:#fff;
}
a:visited{
    color:lightblue
}