Vue.js - データをコンポーネントに渡す方法は？

Question

view.blade.php：

<div id="dashboard"> 
     <calendar someattr="xxx"></calendar> 
     <calendar someattr="yyy"></calendar> 
</div> 

app.js：

import Calendar from './components/Calendar.vue'; 

new Vue({ 

    el: '#dashboard', 

    components: { 
     Calendar 
    } 

}); 

Calendar.vue：

<template> 
     ... some code ... 
    </template> 

<script> 
    export default { 
     props: ['someattr'], 
     methods: { 
      fetchEvents() { 
      //HERE 
      } 
     } 
    } 
</script> 

質問がある：私は内部の属性 "someattr" の値を取得する方法メソッドfetchEventsの私のコンポーネントですか？

Answer 1

そんな感じですか？

<template> 
    ... some code ... 
</template> 

<script> 
    export default { 
    props: ['someattr'], 
    methods: { 
     fetchEvents() { 
     console.log(this.someattr) 
     } 
    } 
    } 
</script>