Vue.js: What is the difference between watch and watchEffect?

1<script setup>
2import { ref, watch, watchEffect } from "vue"
3
4const query = ref("")
5
6watch(query, (newVal, oldVal) => {
7  console.log(`${oldVal} -> ${newVal}`)
8})
9
10watchEffect(() => {
11  console.log(`Query: ${query.value}`)
12})
13</script>