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 aaf4699

Browse files
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)

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