● useContext 사용법
더보기
import { getCurrentInstance } from 'vue';
setup(){
const { emit } = getCurrentInstance();
const onInput = (e) => {
emit('update:subject', e.target.value)
}
return {
onInput
}
}
원래는 useContext() 로 사용이 가능한데,
버전 문제로 getCurrentInstatnce()를 사용한당.
● toRefs 사용법
index.vue
더보기
import { useCount } from '@/hooks/count'
export default {
name: 'HomePage',
setup() {
const { count } = useCount();
console.log(count)
return {
count
}
}
}
hooks/count.js
더보기
import { reactive, toRefs } from 'vue';
export const useCount = () => {
const state = reactive({
count: 0
})
return toRefs(state)
}