From a05bf0286b6db299aee14176b89a93cdc849ee9b Mon Sep 17 00:00:00 2001 From: Sarah Dayan Date: Sun, 23 Feb 2020 13:51:27 +0100 Subject: [PATCH 1/4] fix: clarify how a Vue app works fixes #2475 --- src/v2/guide/index.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/v2/guide/index.md b/src/v2/guide/index.md index 6b40c4915b..63b5520be6 100644 --- a/src/v2/guide/index.md +++ b/src/v2/guide/index.md @@ -73,6 +73,8 @@ var app = new Vue({ We have already created our very first Vue app! This looks pretty similar to rendering a string template, but Vue has done a lot of work under the hood. The data and the DOM are now linked, and everything is now **reactive**. How do we know? Open your browser's JavaScript console (right now, on this page) and set `app.message` to a different value. You should see the rendered example above update accordingly. +Note that we no longer have to directly interact with the HTML. A Vue app attaches itself to a single, global DOM element (`#app` in our case) then fully controls it. The HTML is our entry point, but everything else happens within the newly created Vue Instance. + In addition to text interpolation, we can also bind element attributes like this: ``` html From 641616f3c608cfb43db0ffce5026d005fcb83441 Mon Sep 17 00:00:00 2001 From: Sarah Dayan Date: Sun, 23 Feb 2020 13:54:25 +0100 Subject: [PATCH 2/4] fix: simplify sentence --- src/v2/guide/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/v2/guide/index.md b/src/v2/guide/index.md index 63b5520be6..b2969845ab 100644 --- a/src/v2/guide/index.md +++ b/src/v2/guide/index.md @@ -73,7 +73,7 @@ var app = new Vue({ We have already created our very first Vue app! This looks pretty similar to rendering a string template, but Vue has done a lot of work under the hood. The data and the DOM are now linked, and everything is now **reactive**. How do we know? Open your browser's JavaScript console (right now, on this page) and set `app.message` to a different value. You should see the rendered example above update accordingly. -Note that we no longer have to directly interact with the HTML. A Vue app attaches itself to a single, global DOM element (`#app` in our case) then fully controls it. The HTML is our entry point, but everything else happens within the newly created Vue Instance. +Note that we no longer have to interact with the HTML directly. A Vue app attaches itself to a single, global DOM element (`#app` in our case) then fully controls it. The HTML is our entry point, but everything else happens within the newly created Vue Instance. In addition to text interpolation, we can also bind element attributes like this: From ddd1d9c0a876a5796347d72a8fc68521989ec126 Mon Sep 17 00:00:00 2001 From: Sarah Dayan Date: Sun, 23 Feb 2020 13:55:07 +0100 Subject: [PATCH 3/4] fix: remove unnecessary capitalization --- src/v2/guide/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/v2/guide/index.md b/src/v2/guide/index.md index b2969845ab..b697e1d520 100644 --- a/src/v2/guide/index.md +++ b/src/v2/guide/index.md @@ -73,7 +73,7 @@ var app = new Vue({ We have already created our very first Vue app! This looks pretty similar to rendering a string template, but Vue has done a lot of work under the hood. The data and the DOM are now linked, and everything is now **reactive**. How do we know? Open your browser's JavaScript console (right now, on this page) and set `app.message` to a different value. You should see the rendered example above update accordingly. -Note that we no longer have to interact with the HTML directly. A Vue app attaches itself to a single, global DOM element (`#app` in our case) then fully controls it. The HTML is our entry point, but everything else happens within the newly created Vue Instance. +Note that we no longer have to interact with the HTML directly. A Vue app attaches itself to a single, global DOM element (`#app` in our case) then fully controls it. The HTML is our entry point, but everything else happens within the newly created Vue instance. In addition to text interpolation, we can also bind element attributes like this: From 36363f977de750708e54127ff79fd913068b3e49 Mon Sep 17 00:00:00 2001 From: Sarah Dayan Date: Mon, 24 Feb 2020 10:45:23 +0100 Subject: [PATCH 4/4] fix: remove confusing wording --- src/v2/guide/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/v2/guide/index.md b/src/v2/guide/index.md index b697e1d520..ba2086f0ee 100644 --- a/src/v2/guide/index.md +++ b/src/v2/guide/index.md @@ -73,7 +73,7 @@ var app = new Vue({ We have already created our very first Vue app! This looks pretty similar to rendering a string template, but Vue has done a lot of work under the hood. The data and the DOM are now linked, and everything is now **reactive**. How do we know? Open your browser's JavaScript console (right now, on this page) and set `app.message` to a different value. You should see the rendered example above update accordingly. -Note that we no longer have to interact with the HTML directly. A Vue app attaches itself to a single, global DOM element (`#app` in our case) then fully controls it. The HTML is our entry point, but everything else happens within the newly created Vue instance. +Note that we no longer have to interact with the HTML directly. A Vue app attaches itself to a single DOM element (`#app` in our case) then fully controls it. The HTML is our entry point, but everything else happens within the newly created Vue instance. In addition to text interpolation, we can also bind element attributes like this: