소스 검색

Add example vue component

master
Ray Burgemeestre 6 년 전
부모
커밋
69cdb8f343
2개의 변경된 파일28개의 추가작업 그리고 4개의 파일을 삭제
  1. +12
    -4
      src/App.vue
  2. +16
    -0
      src/components/HelloComponent.vue

+ 12
- 4
src/App.vue 파일 보기

@@ -1,9 +1,18 @@
<template>
<div class="full-width center-content">
<h1>Hello World wWohoo!</h1>
</div>
<div class="full-width center-content">
<hello-component name="World" />
</div>
</template>

<script>
import HelloComponent from './components/HelloComponent.vue'
export default {
components: {
HelloComponent
}
}
</script>

<style scoped>
.full-width {
width: 100%;
@@ -14,4 +23,3 @@
align-items: center;
}
</style>


+ 16
- 0
src/components/HelloComponent.vue 파일 보기

@@ -0,0 +1,16 @@
<template>
<h1>Hello {{ name }}!</h1>
</template>
<script>
export default {
props: {
name: {
type: String,
required: true
}
}
}
</script>
<style scoped>
h1 { color: red; }
</style>

Loading…
취소
저장