Skip to content

Update components.md #1632

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
May 17, 2018
Merged

Update components.md #1632

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
453df6d
Update components.md
artiomgiza May 16, 2018
3b6fadb
Update components.md
artiomgiza May 17, 2018
543c91a
improve flow of single root component section
chrisvfritz May 17, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions src/v2/guide/components.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -229,6 +229,20 @@ If you try this in your template however, Vue will show an error, explaining tha
</div>
```

Here we pass entire post object to the `props` option instead of separately pass title and content:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Adjusting the grammar, I think this reads better:

Here, we pass the entire post object to the props option instead of separately passing the title and content.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

agree, aligned with your advice :)


```js
Vue.component('blog-post', {
props: ['post'],
template: `
<div class="blog-post">
<h3>{{ post.title }}</h3>
<div v-html="post.content"></div>
</div>
`
})
```

## Sending Messages to Parents with Events

As we develop our `<blog-post>` component, some features may require communicating back up to the parent. For example, we may decide to include an accessibility feature to enlarge the text of blog posts, while leaving the rest of the page its default size:
Expand Down