在Vue.js中,你可以使用不同的方法来在页面级组件之间传递值。以下是一些常见的方法:
本文文章目录
- 你可以在子组件中定义props,然后将数据从父组件传递给子组件。在子组件中,你可以像访问本地数据一样访问这些props。 在父组件中: vue <template> <child-component :message="parentMessage"></child-component> </template> <script> export default { data() { return { parentMessage: 'Hello from parent!' } } } </script> 在子组件中: vue <template> <div>{{ message }}</div> </template> <script> export default { props: ['message'] } </script>