Vuetify
toolbar에 app을 쓰면 같이 내려가지 않고 위에 고정된다. v-app은 최상위 컴포넌트.
class명으로 바탕 색깔이나 text의 색깔들을 설정해줄 수 있다. v-btn을 쓰면 버튼 생성. 여기에 class=”pink white–text”를 바탕이 핑크이면서 텍스트는 하얀색임. v-btn에다가 v-icon을 써서 써줄 수 있다. class없이 left로 위치를 설정해줄 수 있고 btn 안에 span으로 글을 써줄 수도 있다. fab을 써주면 동그라미로 된다.
화면 크기가 커질 때 버튼이 생기게 하려면 v-btn의 속성에다가 hidden-md-and-up같이 써주면 된다. only로 이때만 써도 되고…
text
due by
/* 자기 것만 나오도록 */
computed: {
myProjects(){
return this.projects.filter(project => {
return project.person === 'The Net Ninja'
})
}
}
```
## Menus
expand-more
<v-list-tile v-for="link in links" :key="link.text" router :to="link.route">
</v-list-tile-title>
</v-list>
</v-menu>
## Popups
Popup.vue를 component에 만든다. 그리고나서 똑같이 template에다
Add new project</v0btn>
</v-dialog>
그리고나서 navbar에 component를 추가하고 import함.
## Form Basics
data(){
return{
title: ''
content ''
}
},
methods: {
submit(){
console.log(this.title, this.content);
}
}
## datepicker
<v-text-field :value="due" slot="activator" label="Due date" prepend-icon="date_range">