js获取vue传过来的参数
时间: 2023-03-21 18:00:41 浏览: 77
VueJS 取得 URL 参数值的方法
5星 · 资源好评率100%
要从 Vue 组件中获取传递的参数,你可以通过 `props` 属性来定义并传递数据。这样子在子组件中,你就可以通过 `this.$props` 或者直接访问 `this.props` 来获取传递的参数。
以下是一个简单的示例,展示了如何通过 `props` 属性从父组件传递数据到子组件,并在子组件中获取:
```js
// 在父组件中,通过 props 属性传递数据到子组件
<template>
<child-component message="Hello from parent"></child-component>
</template>
<script>
import ChildComponent from './ChildComponent.vue'
export default {
name: 'ParentComponent',
components: {
ChildComponent
}
}
</script>
// 在子组件中,通过 this.$props 来获取传递的参数
<template>
<div>{{ message }}</div>
</template>
<script>
export default {
name: 'ChildComponent',
props: {
message: String
}
}
</script>
```
在上述示例中,我们定义了一个名为 `message` 的 `props` 属性,并将其传递给子组件。在子组件中,我们可以使用 `this.$props` 来获取传递的参数。在这个示例中,我们访问了 `this.$props.message` 来获取来自父组件的消息并将其显示在子组件中。
阅读全文