Vuejs 매개 변수 (소품)

Question

VueJs에서 기능으로 소품을 전달할 수 있습니까?

<template> 
    <line-chart 
    class="card-content" 
    :chartData="lineData2('Temp')" 
    :options="options" 
    :width="800"> 
    </line-chart> 
</template> 

chartData 소품을 방법으로 사용할 수 있습니까? 소품에 방법을 전달할 방법이 있습니까?

건배,

Answer 1

예. 가능합니다. 함수가 값을 반환하는 한. 모든 것이 효과가있다.

Answer 2

당신이하려는 일에 달려 있습니다. 당신이 실제 기능과 기능이 아닌 결과를 전달하려는 경우, 당신은 할 수 있습니다 :

<line-chart class="card-content" :chartData="() => lineData2('Temp')" :options="options" :width="800"></line-chart> 

 

가 lineData2 함수 자체를 전달합니다 어느, 그러나, 여전히 부모에 실행됩니다 범위가 아니라 구성 요소 범위에 있으므로 구성 요소 this 컨텍스트에 대한 액세스 권한이 없습니다. 방금 무슨 일을하는 것은 괜찮 다음 함수의 결과를 전달하려는 경우 https://jsfiddle.net/rz8c1v4L/

:

는 여기 JSFiddle입니다.

Answer 3

예! Vue의 설명서에 명확하게 서술되어 있으므로 유형의을 언급하면이를 달성 할 수 있습니다. 예 :

Vue.component('example', { 
    props: { 
    propA: { 
     type: function 
    } 
    } 
}) 

또한이 link