Vue.js, every component instance has its own isolated scope. So, you cannot directly reference parent data in a child component's template.Vue.component('blog-post', {
// camelCase in JavaScript
props: ['postTitle'],
template: '<h3>{{ postTitle }}</h3>'
})