Vuejs2 Vue.js 2.0动态道具文档

JS2.0和我都有动态道具

见附图

我的HTML代码如下所示：

<div id="app">
    <div>
      <input v-model="parentMsg">
      <br>
      <child v-bind:my-message="parentMsg"></child>
    </div>
</div>

我的组件代码：

    Vue.component('child', {

  props: ['myMessage'],
  template: '<p>{{ myMessage }}</p>',

})

var app = new Vue({

    el: "#app",


});

Vue.component（'child'{
道具：['myMessage']，
模板：“{{myMessage}
”，
})
var app=新的Vue({
el:“应用程序”，
});

我知道数据应该是一个函数，但我将如何实现它。我在控制台上得到这个错误

属性或方法“parentMsg”未在实例上定义，但在呈现期间被引用

---

我认为信息是明确的<代码>“parentMsg”未在实例上定义。您必须在父级定义

parentMsg

。例如：

var app = new Vue({
    data: { 
       "parentMsg": ""
    } 
    el: "#app"
});

你可以用小提琴