如果我想修改createApp 后的props值此时createApp还没有注销我只需直接修改他的props属性,请问应该怎么修改呢

来源：8-7 Message 组件改进为函数调用形式

598木马

2020-11-06

写回答

1回答

张轩

2020-11-07

同学你好很专业的问题 instance 上面的 props 的值是不可以更改的，这个值是 readonly 的，你可以在组件内部创建一个响应式对象， const messageCopy = ref(props.message) 然后在实例上改变这个值。

const mountNode = document.createElement('div')
document.body.appendChild(mountNode)
const vm = messageInstance.mount(mountNode) as any
setTimeout(() => {
    vm.messageCopy = 'new message'
    // messageInstance.unmount(mountNode)
    // document.body.removeChild(mountNode)
}, timeout)

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

createApp 修改props

回答 1

直接修改vnode的props的无法影响组件重新渲染？

回答 1

组件创建完成以后是否可以手动修改props

回答 1

关于使用props和定义emits的一点疑问

回答 2

props传值后失去响应性

回答 1

打开慕课网App查看更多内容