一、Vue Hooks面試題
Vue 3.0 引入了一個叫做Composition API的新API,許多面試官會考察這方面的問題。在Vue中,Hooks的使用與React Hooks有相似之處。下面是一個Vue中的Hooks面試題:
function useCounter() {
const count = reactive({ value: 0 })
function increment() {
count.value++
}
return { count, increment}
}
setup() {
const { count, increment } = useCounter()
return { count, increment}
}
console.log(count) //不會輸出什麼?
解析:setup函數只會在組件初始化時調用,所以這裡的console.log()並沒有得到count的值。如果想要獲取count的值,可以通過在模板中輸出{{count.value}}來獲取。
二、Hooks的面試題
第一個React Hooks的面試題是有關useState的,稍微有難度:
function Counter() {
const [count, setCount] = useState(0); useEffect(() => {
setCount(count + 1)
}, []);
return {count}
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/198072.html
微信掃一掃
支付寶掃一掃