Javascript 未使用默认注入值更新Vue状态

如果单击该按钮，您可以在控制台中看到更新的

state

值，但在页面输出中不会更新该值。如何使其与默认注入值一起工作

const组件={
注入：{
声明：{
默认值：（）=>({
示例：1
})
}
},
模板：`
{{state}}
点击
`,
方法：{
单击（）{
this.state.example+=1
console.log（this.state）
}
}
}
新Vue({
el:“应用程序”，
组成部分：{
组成部分
},
})

---

很抱歉，但不清楚您想要什么-注射的提供者在哪里？为什么在使用值本身的同时在同一组件中使用inject

这是您的代码，没有注入：

1.使用数据属性

const组件={
数据（）{
返回{
声明：{
示例：1
}
}
},
模板：`
{{state}}
点击
`,
方法：{
单击（）{
this.state.example+=1
console.log（this.state）
}
}
}
新Vue({
el:“应用程序”，
组成部分：{
组成部分
},
})

---

很抱歉，但不清楚您想要什么-注射的提供者在哪里？为什么在使用值本身的同时在同一组件中使用inject

这是您的代码，没有注入：

1.使用数据属性

const组件={
数据（）{
返回{
声明：{
示例：1
}
}
},
模板：`
{{state}}
点击
`,
方法：{
单击（）{
this.state.example+=1
console.log（this.state）
}
}
}
新Vue({
el:“应用程序”，
组成部分：{
组成部分
},
})