Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit f56d59f

Browse files
committed
2.1.A finished
1 parent 9899849 commit f56d59f

File tree

5 files changed

+46
-1
lines changed

5 files changed

+46
-1
lines changed

‎Basics/V-Directives/2.1.A/index.html

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Installing Vue.js with a CDN</title>
5+
6+
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
7+
8+
</head>
9+
10+
<body>
11+
12+
<!-- this is where all of our templating will be held -->
13+
<div id="app">
14+
{{ message }}
15+
</div>
16+
17+
18+
<!-- this is where the Vue.js logic will be held -->
19+
<script>
20+
let app = new Vue({ // create a new Vue instance
21+
el: "#app", // connects our script logic to the templating/HTML
22+
data: { // where all of our data is held
23+
message: 'Hello Vue!'
24+
}
25+
});
26+
</script>
27+
28+
</body>
29+
</html>

‎Basics/V-Directives/2.1.A/info.txt

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
This project: 2.1.A
2+
Refers to Chapter 2: Basics
3+
Section 1: V-Directives
4+
Example A: Declarative Rendering
5+
6+
Description: Prerequisite for V-Directives and seeing how Vue binds the data to the DOM, making it reactive.
7+
8+
References: https://vuejs.org/v2/guide/index.html#Declarative-Rendering

‎Basics/V-Directives/contents.txt

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
Contents:
2+
3+
2.1.A - Declarative Rendering

‎GettingStarted/InstallationAndUsage/1.1.B/info.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
This project: 1.1.B
22
Refers to Chapter 1: Getting Started
33
Section 1: Installation and Usage
4-
Example A: Installing through NPM
4+
Example B: Installing through NPM
55

66
Description: We learn to play around with Vue.js by referencing the Vue.js downloaded file inside a <script> tag. This is recommended for large scale applications. It pairs nicely with module bundlers like Webpack (will go over this later).
77

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
Contents:
2+
3+
1.1.A - Installing Vue with CDN
4+
1.1.B - Installing Vue with NPM
5+
1.1.C - Installing Vue with Vue-CLI

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /