Vueschool links

[rahaug]

This PR adds the approved Vue School links that were added to the Vue 2 documentation in PR 2379.

I've made no changes to the links, they are identical to the Vue 2 version. Screenshots of the placements can be seen here

Lessons
Computed Properties
Reusable Components with Props
Conditional Rendering
List Rendering
Communication between Components with Custom Events

[bencodezen]

Hey @rahaug! I know you mentioned in your PR that these are equivalent to the lessons found in the v2 docs. Since these docs are for v3, I'm thinking it may make more sense to wait until the Vue 3 course for Vue School is out? The reason I mention this is that the v2 site is not going anywhere, so all of the current links for Vue School will still be on there.

[rahaug]

Hi @bencodezen !

Since there are no changes to how we work with computed properties, props, conditional rendering, list rendering, and custom events from Vue 2 to Vue 3, I think it's beneficial and complementary to add the links to the Vue 3 docs as well.

Users might land on the v3 docs from a search and miss out on visual learning aids.

What do you think?

[rahaug]

The PR is updated with links to free video lessons that were added to the Vue 2 docs in PR 2177.

I've also refactored to use the new VideoLesson component.

Visuals of all links can be seen here

Lessons
Class Binding
Component Registration
Event Handling
Intro to Single File Components
Lifecycle Hooks

Courses
Components Fundamentals

Edit: Added link to Lifecycle Hooks lesson

[bencodezen]

Thanks for this @rahaug. After reviewing all of the videos, we unfortunately cannot merge this PR. While the concepts are similar from Vue 2 to Vue 3, the code examples and syntax in the lessons reflect an old syntax which would be confusing for users new to the ecosystem.