vue生命周期钩子钩子函数的介绍（附示例）

<template>
 <div class="hello">
 Hello World!
 </div>
</template>
<script>
export default {
 name: "HelloWorld",
 data() {
 return {
 msg: "Welcome to Your Vue.js App"
 };
 },
 beforeCreate: function() {
 console.log("data属性光声明没有赋值的时候");
 },
 created: function() {
 console.log("data属性完成了赋值");
 },
 beforeMount: function() {
 console.log("页面上的{{name}}还没有被渲染成真正的数据");
 },
 mounted: function() {
 console.log("页面上的{{name}}被渲染成真正的数据");
 },
 beforeUpdate: function() {
 console.log(" 数据（data属性）更新之前会执行的函数");
 },
 updated: function() {
 console.log("数据（data属性）更新完会执行的函数");
 },
 beforeDestroy: function() {
 console.log("实例被销毁之前会执行的函数");
 },
 destroyed: function() {
 console.log("实例被销毁后会执行的函数");
 }
};
</script>

<style scoped>
</style>
console这样一个