vue3_lifecycle_hooks_1.vue

<script>

export default {
  setup() {
    console.log("I'm setup hook");
  },
  data() {
    console.log("I'm data hook");
    return {
      stateOfBob: "sleeping",
    };
  },
  computed: {
    test: function () {
      return "I'm computed hook";
    },
  },
  beforeCreate() {
    console.log("I'm beforeCreate hook");
    console.log("Bob is currently ", this.stateOfBob);
    console.log("computed hook is returning ", this.test);
  },
};

</script>

Output:

I'm setup hook

I'm beforeCreate hook
Bob is currently  undefined
computed hook is returning  undefined

I'm data hook