vue组件获取props_vue中子组件的methods中获取到props中的值方法

父子组件通信

这个官网很清楚，也很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可

例如：

父组件中

数据统计

统计：

销售数量 { {number}}

销售金额 { {amount}}

利润统计 { {profits}}

data(){

return {

number: null,

amount: null,

profits: null,

chartData: [10,10,10]

}

},

子组件中

export default {

props: ['chartData']

}

这种情况下，子组件的methods中想要取到props中的值，直接使用this.chartData即可

但是有写情况下，你的chartData里面的值并不是固定的，而是动态获取的，这种情况下，你会发现methods中是取不到你的chart