You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.2 KiB
52 lines
1.2 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Welcome to Vue</title>
|
|
<script src="https://unpkg.com/vue"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<img src="https://vuejs.org/images/logo.png" alt="Vue logo">
|
|
<h1>\{{ greeting }}</h1>
|
|
<ul>
|
|
<li>
|
|
To learn more about Vue, visit
|
|
<a :href="docsURL" target="_blank">
|
|
\{{ humanizeURL(docsURL) }}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
For live help with simple questions, check out
|
|
<a :href="discordURL" target="_blank">
|
|
the Discord chat
|
|
</a>
|
|
</li>
|
|
<li>
|
|
For more complex questions, post to
|
|
<a :href="forumURL" target="_blank">
|
|
the forum
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<script>
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
greeting: 'Welcome to your Vue.js app!',
|
|
docsURL: 'http://vuejs.org/guide/',
|
|
discordURL: 'https://chat.vuejs.org',
|
|
forumURL: 'http://forum.vuejs.org/'
|
|
},
|
|
methods: {
|
|
humanizeURL: function (url) {
|
|
return url
|
|
.replace(/^https?:\/\//, '')
|
|
.replace(/\/$/, '')
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|