vue composition "ref" "import" code example
Example 1: vue 3 composition api watch
const selected = ref(props.selected)
watch(selected, (selection, prevSelection) => {
})
Example 2: vue composition api
<template>
<button @click="increment">
Count is: {{ state.count }}, double is: {{ state.double }}
</button>
</template>
<script>
import { reactive, computed } from 'vue'
export default {
setup() {
const state = reactive({
count: 0,
double: computed(() => state.count * 2)
})
function increment() {
state.count++
}
return {
state,
increment
}
}
}
</script>