view | history | commit | commitdiff
acammies
2018-04-04 1f415e2892158066c2fd16c6698383427f1a203c
commit | author | age
998a46 1 <template>
D 2   <div class="hello">
3     <h1>{{ msg }}</h1>
4     <p>
5       For guide and recipes on how to configure / customize this project,<br>
6       check out the
7       <a href="https://github.com/vuejs/vue-cli/tree/dev/docs" target="_blank">vue-cli documentation</a>.
8     </p>
9     <h3>Installed CLI Plugins</h3>
10     <ul>
11       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank">babel</a></li>
12       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa" target="_blank">pwa</a></li>
13       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank">eslint</a></li>
1a68cf 14       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-unit-jest" target="_blank">unit-jest</a></li>
998a46 15       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-e2e-nightwatch" target="_blank">e2e-nightwatch</a></li>
D 16     </ul>
17     <h3>Essential Links</h3>
18     <ul>
19       <li><a href="https://vuejs.org" target="_blank">Core Docs</a></li>
20       <li><a href="https://forum.vuejs.org" target="_blank">Forum</a></li>
21       <li><a href="https://chat.vuejs.org" target="_blank">Community Chat</a></li>
22       <li><a href="https://twitter.com/vuejs" target="_blank">Twitter</a></li>
23     </ul>
24     <h3>Ecosystem</h3>
25     <ul>
26       <li><a href="https://router.vuejs.org/en/essentials/getting-started.html" target="_blank">vue-router</a></li>
27       <li><a href="https://vuex.vuejs.org/en/intro.html" target="_blank">vuex</a></li>
28       <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank">vue-devtools</a></li>
29       <li><a href="https://vue-loader.vuejs.org/en" target="_blank">vue-loader</a></li>
30       <li><a href="https://github.com/vuejs/awesome-vue" target="_blank">awesome-vue</a></li>
31     </ul>
32   </div>
33 </template>
34
35 <script>
36 export default {
37   name: "HelloWorld",
38   props: {
39     msg: String
40   }
41 };
42 </script>
43
44 <!-- Add "scoped" attribute to limit CSS to this component only -->
45 <style scoped lang="scss">
46 h3 {
47   margin: 40px 0 0;
48 }
49 ul {
50   list-style-type: none;
51   padding: 0;
52 }
53 li {
54   display: inline-block;
55   margin: 0 10px;
56 }
57 a {
58   color: #42b983;
59 }
60 </style>