VueJs组件无法从其父实例获取数据

Question

我是VueJS的新手，我很困惑为什么文档中的一个简单示例对我不起作用。

这是所有代码。我期待它展示＆＃34; Howdie Partners＆＃34;在页面上。

HTML

$( "#dialog" ).hide();
$( "#target" ).click(function() {
  $( "#dialog" ).show();
  $( "#dialog" ).dialog();
});

JS

<div id="app">
  <greeting></greeting>
</div>

JSFiddle Link：https://jsfiddle.net/hq1yu0ct/

Answer 1

来自documentation：

  

我们也可以使用v-bind动态地将props绑定到父级上的数据。无论何时在父级中更新数据，它也将向下传递给子级。

所以你需要传递greeting组件中的道具，如下所示：

<div id="app">
  <greeting :message="message"></greeting>
</div>

检查工作小提琴here。