More slight changes
3 files+18−690/3 viewed
| 1 | 1 | <template> | |
| 2 | 2 | <div id="app"> | |
| 3 | 3 | <img alt="Vue logo" src="./assets/logo.png"> | |
| 4 | − | <HelloWorld msg="Welcome to Your Vue.js App"/> | |
| 4 | + | <Nav/> | |
| 5 | 5 | </div> | |
| 6 | 6 | </template> | |
| 7 | 7 | ||
| 8 | 8 | <script> | |
| 9 | − | import HelloWorld from './components/HelloWorld.vue' | |
| 9 | + | import Nav from './components/Nav.vue' | |
| 10 | 10 | ||
| 11 | 11 | export default { | |
| 12 | 12 | name: 'App', | |
| 13 | 13 | components: { | |
| 14 | − | HelloWorld | |
| 14 | + | Nav | |
| 15 | 15 | } | |
| 16 | 16 | } | |
| 17 | 17 | </script> | |
| 18 | 18 | ||
| 19 | 19 | <style> | |
| 20 | − | #app { | |
| 21 | − | font-family: Avenir, Helvetica, Arial, sans-serif; | |
| 22 | − | -webkit-font-smoothing: antialiased; | |
| 23 | − | -moz-osx-font-smoothing: grayscale; | |
| 24 | − | text-align: center; | |
| 25 | − | color: #2c3e50; | |
| 26 | − | margin-top: 60px; | |
| 27 | − | } | |
| 20 | + | ||
| 28 | 21 | </style> |
| 1 | − | <template> | |
| 2 | − | <div class="hello"> | |
| 3 | − | <h1>{{ msg }}</h1> | |
| 4 | − | <p> | |
| 5 | − | For a guide and recipes on how to configure / customize this project,<br> | |
| 6 | − | check out the | |
| 7 | − | <a href="https://cli.vuejs.org" target="_blank" rel="noopener">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" rel="noopener">babel</a></li> | |
| 12 | − | <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li> | |
| 13 | − | </ul> | |
| 14 | − | <h3>Essential Links</h3> | |
| 15 | − | <ul> | |
| 16 | − | <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li> | |
| 17 | − | <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li> | |
| 18 | − | <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li> | |
| 19 | − | <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li> | |
| 20 | − | <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li> | |
| 21 | − | </ul> | |
| 22 | − | <h3>Ecosystem</h3> | |
| 23 | − | <ul> | |
| 24 | − | <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li> | |
| 25 | − | <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li> | |
| 26 | − | <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li> | |
| 27 | − | <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li> | |
| 28 | − | <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li> | |
| 29 | − | </ul> | |
| 30 | − | </div> | |
| 31 | − | </template> | |
| 32 | − | ||
| 33 | − | <script> | |
| 34 | − | export default { | |
| 35 | − | name: 'HelloWorld', | |
| 36 | − | props: { | |
| 37 | − | msg: String | |
| 38 | − | } | |
| 39 | − | } | |
| 40 | − | </script> | |
| 41 | − | ||
| 42 | − | <!-- Add "scoped" attribute to limit CSS to this component only --> | |
| 43 | − | <style scoped> | |
| 44 | − | h3 { | |
| 45 | − | margin: 40px 0 0; | |
| 46 | − | } | |
| 47 | − | ul { | |
| 48 | − | list-style-type: none; | |
| 49 | − | padding: 0; | |
| 50 | − | } | |
| 51 | − | li { | |
| 52 | − | display: inline-block; | |
| 53 | − | margin: 0 10px; | |
| 54 | − | } | |
| 55 | − | a { | |
| 56 | − | color: #42b983; | |
| 57 | − | } | |
| 58 | − | </style> |
| 1 | + | <template> | |
| 2 | + | <nav> | |
| 3 | + | <p>some nav component</p> | |
| 4 | + | </nav> | |
| 5 | + | </template> | |
| 6 | + | ||
| 7 | + | <script> | |
| 8 | + | export default {} | |
| 9 | + | </script> | |
| 10 | + | ||
| 11 | + | <!-- Add "scoped" attribute to limit CSS to this component only --> | |
| 12 | + | <style scoped> | |
| 13 | + | ||
| 14 | + | </style> |
Comments
Sign in to comment.