本文通过实例描述了vue的生命周期和钩子函数。分享给大家参考，如下：

！doctype html lang=' en ' head meta charset=' utf-8 ' titlewww.jb51.net vue生命周期和钩子函数/title style/style script src=' http:3359cdn.bootcss.com/vue/2 . 4 . 4/vue . min . js '/script/head body div id=' box ' { msg } }/div script var VM=new vue({ El : ' # box '，data: {msg3360' well'}，created: function () }，在编译： function(){之前}，compiled:function () {alert('编译后')；}，ready:function(){ alert('插入文档')；}，前销毁：函数(){alert('前销毁')；}，销毁了：函数(){alert('销毁后')；} });/*点击页面销毁vue对象*/document . onclick=function(){ VM。$ destroy()；};/script/body/html在互联网上查找流程图：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun来测试上述代码的运行效果。

希望本文对vue.js程序的设计有所帮助。