1234567891011121314151617181920212223242526272829303132333435363738 |
- <template>
- <div class='hello'>
- <template v-for='i in 10'>
- <h1 :key='i'>{{ msg }} ---- {{i}}</h1>
- <h2 :key='i'>Essential Links</h2>
- </template>
- </div>
- </template>
- <script>
- export default {
- name: 'HelloWorld',
- data() {
- return {
- msg: 'Welcome to Your Vue.js App'
- }
- }
- }
- </script>
- <!-- Add "scoped" attribute to limit CSS to this component only -->
- <style scoped>
- h1,
- h2 {
- font-weight: normal;
- }
- ul {
- list-style-type: none;
- padding: 0;
- }
- li {
- display: inline-block;
- margin: 0 10px;
- }
- a {
- color: #42b983;
- }
- </style>
|