在Vue3的setup函数里输出this,可以看到其值为undefined
export default {
name:'MyHeader',
setup(props,context){
let title = ref(null)
console.log(this)
return {
title,
}
}
}
如果setup里面定义一个函数,输出其this呢?
export default {
name:'MyHeader',
props:['addTodoObj'],
setup(props,context){
let title = ref(null)
console.log(this)
function addTodo(title){
if(!this.title.trim()) return alert('事件名字不能为空,请重新输入~')
const todoObj = {id:nanoid(),title:title,done:false}
props['addTodoObj'](todoObj)
this.title = ''
console.log(this) // 输出当前addTodo中的this???
}
return {
title,
addTodo
}
}
}