8000 wow · MissionVistaCS/Vue.js-Tutorial@aaf4699 · GitHub
[go: up one dir, main page]
Skip to content

Commit aaf4699

Browse files
vwheezyvwheezy
committed
wow
1 parent 3a2b3e0 commit aaf4699

File tree

3 files changed

+67
-0
lines changed

3 files changed

+67
-0
lines changed

‎Basics/Basic-Structure/2.2.A/index.html

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Welcome to Vue</title>
5+
<script src="https://unpkg.com/vue"></script>
6+
</head>
7+
<body>
8+
<!-- the start of our Vue app -->
9+
<div id="app">
10+
<img src="https://vuejs.org/images/logo.png" alt="Vue logo">
11+
<h1>{{ greeting }}</h1>
12+
<ul>
13+
<li>
14+
To learn more about Vue, visit
15+
<a :href="docsURL" target="_blank">
16+
{{ humanizeURL(docsURL) }}
17+
</a>
18+
</li>
19+
<li>
20+
For live help with simple questions, check out
21+
<a :href="discordURL" target="_blank">
22+
the Discord chat
23+
</a>
24+
</li>
25+
<li>
26+
For more complex questions, post to
27+
<a :href="forumURL" target="_blank">
28+
the forum
29+
</a>
30+
</li>
31+
</ul>
32+
</div>
33+
34+
<script>
35+
var app = new Vue({
36+
el: '#app', // this is what ties the Vue instance to the HTML div
37+
data: { // this is where all the data will be held to be interpolated into the HTML
38+
greeting: 'Welcome to your Vue.js app!',
39+
docsURL: 'http://vuejs.org/guide/',
40+
discordURL: 'https://chat.vuejs.org',
41+
forumURL: 'http://forum.vuejs.org/'
42+
},
43+
methods: { // a methods function that holds possible methods to be interpolated/bound into the HTML
44+
humanizeURL: function (url) {
45+
return url
46+
.replace(/^https?:\/\//, '')
47+
.replace(/\/$/, '')
48+
}
49+
}
50+
})
51+
</script>
52+
</body>
53+
</html>

‎Basics/Basic-Structure/2.2.A/info.txt

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
This project: 2.2.A
2+
Refers to Chapter 2: Basics
3+
Section 2: Basic Directory Structure
4+
Example A: Simple Structure
5+
6+
Description: We discover the structure of the single page template we created
7+
8+
Reference: Simple Template Github - https://github.com/vuejs-templates/simple
9+

‎Basics/Basic-Structure/contents.txt

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
Contents:
2+
3+
2.2.A - Simple Structure
4+
2.2.B - Webpack Simple Structure
5+
2.2.C - Webpack Structure

0 commit comments

Comments
 (0)
0