theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore(sfc-playground): teardown preview update watcher

Browse Source
This commit is contained in:
Evan You 2021-03-31 12:22:08 -04:00
parent ebf396251c
commit 7bc5fd9a04
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/sfc-playground/src/output/Preview.vue
View File

@ -12,6 +12,7 @@
<script setup lang="ts"> <script setup lang="ts">
import Message from '../Message.vue' import Message from '../Message.vue'
import { ref, onMounted, onUnmounted, watchEffect } from 'vue' import { ref, onMounted, onUnmounted, watchEffect } from 'vue'
import type { WatchStopHandle } from 'vue'
import srcdoc from './srcdoc.html?raw' import srcdoc from './srcdoc.html?raw'
import { PreviewProxy } from './PreviewProxy' import { PreviewProxy } from './PreviewProxy'
import { MAIN_FILE, SANDBOX_VUE_URL } from '../sfcCompiler' import { MAIN_FILE, SANDBOX_VUE_URL } from '../sfcCompiler'
@ -22,6 +23,7 @@ const runtimeError = ref()
const runtimeWarning = ref() const runtimeWarning = ref()
let proxy: PreviewProxy let proxy: PreviewProxy
let updateHandle: WatchStopHandle
async function updatePreview() { async function updatePreview() {
runtimeError.value = null runtimeError.value = null
@ -93,12 +95,13 @@ onMounted(() => {
iframe.value.addEventListener('load', () => { iframe.value.addEventListener('load', () => {
proxy.handle_links() proxy.handle_links()
watchEffect(updatePreview) updateHandle = watchEffect(updatePreview)
}) })
}) })
onUnmounted(() => { onUnmounted(() => {
proxy.destroy() proxy.destroy()
updateHandle && updateHandle()
}) })
</script> </script>