From 62472a6fc3209d7a5b37462584f5eee14ecd8410 Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Wed, 6 Nov 2019 15:00:29 +0100 Subject: [PATCH 1/8] add link for Getting Started with Vue.js lesson --- src/v2/guide/installation.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/v2/guide/installation.md b/src/v2/guide/installation.md index 35b9a014b5..252058b84b 100644 --- a/src/v2/guide/installation.md +++ b/src/v2/guide/installation.md @@ -34,6 +34,8 @@ Simply download and include with a script tag. `Vue` will be registered as a glo ### CDN +
Watch how to get started with Vue.js on Vue School
+ For prototyping or learning purposes, you can use the latest version with: ``` html From 05f6ceb30a5c4c07a9f506eb46b5b596234dc9bf Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Wed, 6 Nov 2019 15:01:36 +0100 Subject: [PATCH 2/8] add link for Computed Properties lesson --- src/v2/guide/computed.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/v2/guide/computed.md b/src/v2/guide/computed.md index e207792b40..e76749811b 100644 --- a/src/v2/guide/computed.md +++ b/src/v2/guide/computed.md @@ -6,6 +6,8 @@ order: 5 ## Computed Properties +
Learn how computed properties work with a free lesson on Vue School
+ In-template expressions are very convenient, but they are meant for simple operations. Putting too much logic in your templates can make them bloated and hard to maintain. For example: ``` html From cfc12e246cac216dc45fdb5752875ce421b2ba7c Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Wed, 6 Nov 2019 15:02:09 +0100 Subject: [PATCH 3/8] add link for Reusable Components with Props lesson --- src/v2/guide/components-props.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/v2/guide/components-props.md b/src/v2/guide/components-props.md index ec06468a05..493f4b8d56 100644 --- a/src/v2/guide/components-props.md +++ b/src/v2/guide/components-props.md @@ -6,6 +6,8 @@ order: 102 > This page assumes you've already read the [Components Basics](components.html). Read that first if you are new to components. +
Learn how component props work with a free lesson on Vue School
+ ## Prop Casing (camelCase vs kebab-case) HTML attribute names are case-insensitive, so browsers will interpret any uppercase characters as lowercase. That means when you're using in-DOM templates, camelCased prop names need to use their kebab-cased (hyphen-delimited) equivalents: From 21b7d1ebbf2d1b08c49b27cdce14034b016558be Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Wed, 6 Nov 2019 15:02:32 +0100 Subject: [PATCH 4/8] add link for Conditional Rendering lesson --- src/v2/guide/conditional.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/v2/guide/conditional.md b/src/v2/guide/conditional.md index b90c3cc15e..d667ae5d73 100644 --- a/src/v2/guide/conditional.md +++ b/src/v2/guide/conditional.md @@ -4,6 +4,8 @@ type: guide order: 7 --- +
Learn how conditional rendering works with a free lesson on Vue School
+ ## `v-if` The directive `v-if` is used to conditionally render a block. The block will only be rendered if the directive's expression returns a truthy value. From 362bb492b84b5e49bdda029856bf771931451613 Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Wed, 6 Nov 2019 15:02:51 +0100 Subject: [PATCH 5/8] add link for List Rendering lesson --- src/v2/guide/list.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/v2/guide/list.md b/src/v2/guide/list.md index f79f833fc6..0f2e3aa3e8 100644 --- a/src/v2/guide/list.md +++ b/src/v2/guide/list.md @@ -4,6 +4,9 @@ type: guide order: 8 --- +
Learn how to render list with a free Vue School lesson
+ + ## Mapping an Array to Elements with `v-for` We can use the `v-for` directive to render a list of items based on an array. The `v-for` directive requires a special syntax in the form of `item in items`, where `items` is the source data array and `item` is an **alias** for the array element being iterated on: From 4f747715436bc2931fb3dce333a4d6cb5a4566e9 Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Wed, 6 Nov 2019 15:03:11 +0100 Subject: [PATCH 6/8] add link for Events lesson --- src/v2/guide/events.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/v2/guide/events.md b/src/v2/guide/events.md index 3949117867..7fc8234694 100644 --- a/src/v2/guide/events.md +++ b/src/v2/guide/events.md @@ -4,6 +4,8 @@ type: guide order: 9 --- +
Learn how to handle events in a free Vue School lesson
+ ## Listening to Events We can use the `v-on` directive to listen to DOM events and run some JavaScript when they're triggered. From 83ecd35997d45f025b13be59578cb08f0b508157 Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Wed, 6 Nov 2019 15:03:30 +0100 Subject: [PATCH 7/8] add link for Custom Events lesson --- src/v2/guide/components-custom-events.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/v2/guide/components-custom-events.md b/src/v2/guide/components-custom-events.md index a6432fa21e..1df316204a 100644 --- a/src/v2/guide/components-custom-events.md +++ b/src/v2/guide/components-custom-events.md @@ -6,6 +6,8 @@ order: 103 > This page assumes you've already read the [Components Basics](components.html). Read that first if you are new to components. +
Learn how to work with custom events in a free Vue School lesson
+ ## Event Names Unlike components and props, event names don't provide any automatic case transformation. Instead, the name of an emitted event must exactly match the name used to listen to that event. For example, if emitting a camelCased event name: From 250deab6120842e6a842011d0b34b27e7a7719b9 Mon Sep 17 00:00:00 2001 From: Rolf Haug Date: Thu, 7 Nov 2019 08:30:48 +0100 Subject: [PATCH 8/8] remove link for Getting Started with Vue.js lesson --- src/v2/guide/installation.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/v2/guide/installation.md b/src/v2/guide/installation.md index 252058b84b..35b9a014b5 100644 --- a/src/v2/guide/installation.md +++ b/src/v2/guide/installation.md @@ -34,8 +34,6 @@ Simply download and include with a script tag. `Vue` will be registered as a glo ### CDN -
Watch how to get started with Vue.js on Vue School
- For prototyping or learning purposes, you can use the latest version with: ``` html