<template>
  <div id="app">
    <!-- Vue组件内容 -->
  </div>
</template>
 
<script>
export default {
  name: 'App',
  
  // 创建前调用
  beforeCreate() {},
  
  // 创建后调用
  created() {},
  
  // 加载之前调用
  beforeMount() {},
  
  // 加载完成后调用
  mounted() {},
  
  // 更新之前调用
  beforeUpdate() {},
  
  // 更新完成后调用
  updated() {},

  methods: {
    sayHello() {
      // 定义方法
      alert("Hello World!");
    },
  },
  
  // 销毁之前调用
  beforeDestroy() {},
  
  // 销毁完成后调用
  destroyed() {}
}
</script>
 
<style scoped>
/* CSS样式 */
</style>