54

Author: kossiecoder

src/pages/todos/_id.vue

@@ -54,12 +54,13 @@
     :message="toastMessage"
     :type="toastAlertType"
   />
+  <div id="kossie">coder</div>
 </template>
 
 <script>
 import { useRoute, useRouter } from 'vue-router';
 import axios from 'axios';
-import { ref, computed } from 'vue';
+import { ref, computed, onBeforeMount,onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted  } from 'vue';
 import _ from 'lodash';
 import Toast from '@/components/Toast.vue';
 
@@ -68,6 +69,27 @@ export default {
     Toast
   },
     setup() {
+      onBeforeMount(() => {
+        console.log(document.querySelector('#kossie'))
+      });
+      onMounted(() => {
+console.log(document.querySelector('#kossie'))
+      });
+      onBeforeUpdate(() => {
+        console.log('before updat');
+      })
+
+      onUpdated(() => {
+        console.log('updated')
+      })
+      onBeforeUnmount(() => {
+        console.log('before unmount')
+      })
+
+      onUnmounted(() => {
+        console.log('unmounted')
+      })
+      console.log('hello')
         const route = useRoute();
         const router = useRouter();
         const todo = ref(null);