Vue V 模型消息动态不打印

Question

我想在文本框中获取显示动态值。我正在通过"消息"传递值，我想在文本框默认显示"欢迎来到我的项目"，当我更改文本框中的文本时，它会动态更改此">

我的输入值：{{ 消息 }}。

消息位置。

https://prnt.sc/p4quj7

<div id="main"> 
<input type="text" id="input" v-model="message"> 
<p>My input value: {{ message }}.</p> 
</div>
<script src="https://unpkg.com/vue@2.6.10/dist/vue.js"></script>
<script> 
let data={message: 'Welcome to my project'}; 
new Veu({ 
el:'#main', 
data : data})
</script>

错误消息 --- 我的输入值：{{ 消息 }}。

Answer 1

为了获得"动态"数据，也称为"反应式"，您需要在 vue data 属性中设置它(最好作为一个函数，即使这里将作为一个属性工作(，然后它将自动更新(有某些警告(在你的模板中进行更改。实际上没有理由像您那样在数据属性之外声明。 这样：

data(){
return {
message: 'welcome to my project'
}

此外，您需要更正已指出的拼写错误。