Vue JS props给出了未定义的甚至在父级中声明的

props是Vue.js框架中用于父子组件之间通信的一个重要概念。通过props，父组件可以向子组件传递数据，并在子组件中使用这些数据。

props的定义和使用方式如下：

1. 父组件中通过在子组件标签上定义属性来传递数据，例如：

<child-component :prop-name="value"></child-component>

其中，prop-name是子组件中props对象中的属性名，value是要传递给子组件的值。

1. 在子组件中通过props选项来声明接收传递的数据，并在组件内部使用，例如：

Vue.component('child-component', {
  props: ['propName'],
  template: '<div>{{ propName }}</div>'
});

在上述代码中，通过props选项声明了一个名为propName的属性，然后在组件模板中使用{{ propName }}来显示传递过来的值。

props的优势：

1. 组件间数据传递：props使得父子组件之间可以方便地进行数据传递，实现了组件间的解耦。
2. 单向数据流：props是单向绑定的，即父组件向子组件传递的数据是只读的，子组件无法直接修改父组件的数据，确保了数据的可控性和可预测性。
3. 组件复用：通过props可以使组件具备一定的通用性，可以在多个地方复用同一个组件，提高了代码的重用性。

props的应用场景：

1. 父子组件通信：适用于父组件向子组件传递数据，实现组件之间的数据共享。
2. 动态组件：适用于根据不同的数据展示不同的组件，通过props传递给子组件不同的数据，实现组件动态渲染。

腾讯云相关产品和产品介绍链接地址： 由于要求答案中不能提及具体的云计算品牌商，故无法提供腾讯云相关产品和链接地址。