vue 子页面调用父页面的参数_Vue子父组件间的数据传递

Vue组件间的作用域是独立的，不能相互之间调用数据，需要通过特定的方法进行数据的传递。

一、父组件往子组件传递数据

1、使用 Prop 传递数据

组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，我们需要通过子组件的 props 选项。

注意：子组件标签中的属性不区分大小写，要通过中线的方式区分单词。props的值可以使数组，可以使对象。

父组件：

import ChildA from './components/child.vue'

export default {

data() {

return {

text: '我是父组件的数据'

}

},

components: {

ChildA

}

}

子组件：

{ {msg}}++++{ {numberTo}}

export default {

props: ['msg', 'number-to'],

}

2、使用slot分发内容