Javascript 什么'；“这个vuejs有什么问题吗？”；“撑住”；实例

我是vuejs的新手，当我浏览vuejs的文档时，我无法从其“组件”部分获得以下示例代码：

HTML

Javascript:

Vue.component('child', {
  props: ['message'],
  template: '<span>testing: {{ message }}</span>'
})

new Vue({
  el: '#example'
})

Vue.component（'child'{
道具：['message']，
模板：“测试：{{message}}”
})
新Vue({
el:“#示例”
})

我的理解：模型的值可以传递给子组件的消息属性，在“测试：”之后，只要我在输入文本框中输入任何内容，就会显示相同内容的字符串。没有发生

我测试了来自

的代码
#example
的Vue实例应该有数据
parentMsg
。然后，孩子和家长可以使用它。因此，您需要在Vue实例中添加数据

new Vue({
    el: '#example',
    data: function() {
        return { parentMsg: "Hi" };
    }
});



Vue.component（'子'{
道具：['myMessage']，
模板：“{myMessage}}”
});
Vue.component（'two-items-child'{
道具：['firstName'，'lastName']，
模板：“{firstName}}{{lastName}}”
});


//根实例
var vm=新的Vue({
el:“#应用程序”，
数据：{
parentMsg：“第一个msg”，
wholeObj：{
名:"洪",，
姓：“吉东”
}
}
});
父组件需要将
parentMsg
作为数据属性，否则它将不起作用

new Vue({
  el: '#example',
  data() {
    return {
      parentMsg: ''
    }
  }
})

我不善于回答。。（有这么多的修订…）。我也是Vue.js的新手，就像你一样。这本指南对你很有帮助，谢谢你和我的答案！还有一个问题：我们如何识别“父”和“子”组件？在本例中，“new Vue（{…}）”部分是否为父组件，从而使“Vue.component”成为其子组件，因为它嵌入在“div”标记中？否。更严格地说，包装
div
标记不是父组件的条件。实际上，每个元素都有
newvue（{el:'element selector'}）是一个Vue实例。其中的任何Vue实例都是包装器Vue实例的子级。
new Vue({
  el: '#example',
  data() {
    return {
      parentMsg: ''
    }
  }
})