一、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-hant/n/198072.html