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這樣一個