개발햄비

app.vue // Bar컴포넌트 부르기 testBar.vue Title 1 Title 2 로그아웃 exit_to_app 위 코드 화면 testBar.vue Title 1 Title 2 로그아웃 exit_to_app 를 추가하면 아래와 같이 변한다 를 통해 여백을 넣어 로그아웃 버튼을 끝으로 넣을 수 있다.

화면 사이즈에 따른 버튼 표시 HomePage 1 2 3 https://vuetifyjs.com/en/framework/breakpoints#breakpoints Breakpoints — Vuetify.js Access the Vuetify grid system directly in components. vuetifyjs.com Material Design Viewport BreakpointsDeviceCodeTypesRange phone_iphoneExtra small xs small to large handset < 960px laptopMedium md large tablet to laptop 960px..

삽입코드 HomePage click me click me click me click me click me email EMAIL ME email EMAIL ME email EMAIL ME favorite https://vuetifyjs.com/en/components/buttons#button Button Component — Vuetify.js Button component for Vuetify Framework. vuetifyjs.com *Vuetify color 태그 정리 https://blog-han.tistory.com/43 [vue] Vuetify 기초 color / font 태그 정리 (1) HomePage 메인 홈페이지 테스트 메인 홈페이지 테스트 메인 홈페이지 테스트 blog-han.tis..

HomePage 메인 홈페이지 테스트 메인 홈페이지 테스트 메인 홈페이지 테스트 메인 홈페이지 테스트 test Display test Display 컬러표 참고 * https://vuetifyjs.com/en/framework/colors#colors Material color palette — Vuetify.js Easily apply any color from the material design palette. vuetifyjs.com font Size * https://vuetifyjs.com/en/framework/typography#font-sizes 불러오는 중입니다...

main.jsimport '@babel/polyfill'import Vue from 'vue'import './plugins/vuetify'import App from './App.vue' Vue.config.productionTip = false // 형제 컴포넌트 간 값 전달 방법 1export const eventBus = new Vue({ // 메소드로 만들어 형제 컴포넌트에서 선언한 userWasEdited를 메소드화 methods:{ userWasEdited(date){ this.$emit('userWasEdited', date) } }})// eventBus 가 여러개 생성될 경우 관리 하는 방법 new Vue({ render: h => h(App)}).$mount('#app') eventB..

자식 컴포넌트 회원 정보 수정 수정내용 수정 export default { // 부모에게 받은 값을 바로 가공하면 에러발생. 가공필요. props:['name','address','phone','hasDog'], data() { return{ user:{} } // 부모 컴포넌트에서 props로 받은 값을 자식컴포넌트로 바꾼 뒤 사용하면 에러가 발생하지 않는다. // 위 data()안에 있는 user에 담기. },created(){ this.user.name = this.name, this.user.address = this.address, this.user.phone = this.phone, this.user.hasDog = this.hasDog }, methods:{ update(){ // 자식 컴포..

user.vue User 컴포넌트 이름: {{name}} 이름 바꾸기 import UserDetail from "./UserDetail.vue"import UserEdit from "./UserEdit.vue" //프롭스 : 부모 컴포넌트에서 자식 컴포넌트로 값을 전달하는 방법 // v-bind (:자식변수 = "어떤값을 줄 것인가(부모 컴포넌트) ")export default { components: { UserDetail, UserEdit }, data(){ return{ name:'vueJS' } }, methods: { changeName (){ if(this.name == "hoza"){ this.name ="vue.js" }else{ this.name = "hoza" } } }} @click=..