vuejs 3

Vue 부모자식 컴포넌트 데이터 교환 함수호출

vue를 사용하다 보면 컴포넌트 통신은 필수적으로 일어난다 그때 사용하면된다 -refs, props 부모-> 자식 1.props 주로 초기 변수 전달을 위해 사용했다 줄 때(부모) v-bind:변수 이름:변숫값 v-bind->: 줄여서 표현 가능하다 받을 때(자식) props안에 변수 이름을 쓰고 사용할 때는 this. 변수 이름으로 사용한다 2.refs 주로 자식 함수를 호출하기 위해 사용했다 사용법 this.$refs. 태그에 지정한 ref값. 지정 컴포넌트 안에 함수 3.emit 자식 -> 부모 1. 자식 this.$emit('명칭', '전달할 변수') 2. 부모 v-on:명칭="호출할 함수" 아주 쉽게 컴포넌트 통신을 할 수 있다

Vue/vue2 2022.02.15

vue.js netlify로 베포하기

맨날 iptime 포트 포워딩을 하기엔 귀찮고 ec2를 사용하기엔..금액이 부담되고... 그래서 뭐 없을까 하다가 https://www.youtube.com/watch?v=WJtetccrv3o 이영상을 보고 했다! 진짜 너무 쉽게 무려 https로 내 사이트가 열린다 다만 백엔드 서버가 문제인데.. 한번 살펴봐야할거같다 주의할점 설정 화면에서 빌드 명령어/폴더 vue 양식에 맞게 잘 입력해준다 https://gallant-benz-fd2940.netlify.app/ blog_jangbogo_front gallant-benz-fd2940.netlify.app 요 못생긴 ㅋㅋ 도메인을 받았다 물론 바꿀 수도 있는데! (돈 줘야 함) 그냥 쓰자! 막상 글을 썼는데 진짜 너무 쉬워서 더 쓸 글이 없다.. 백엔드..

netlify 2022.01.18

vue.js 동적 라우팅+동적 컴포넌트

사장님 페이지를 만들고 있는 중이다 (원래 사이트를 분리해야 하지만 토이 프로젝트이니까) 사이드 바를 구축하고 이제 사이드바 메뉴를 만들고 클릭이 이뤄지면 옆에 내용이 바뀌면 된다 근데! 새로고침이 거슬렸다 그래서 제일 큰 컴포넌트 안에 경로에 따라서 컴포넌트를 호출하는 방법이 없을까? 고민하다가 찾았다 동적 라우팅 동적 라우팅은 아주 간단하게 이뤄진다 {path:'/companyPage/:id',component:companyPage}, /경로/:값 :문자만 앞에 붙히면된다 받을때 this.choose=this.$route.params.id; .파라미터 이름 으로 꺼내서 쓰면된다 동적컴포넌트 아래글이 제일 이해가 잘갔다 https://become-a-developer.tistory.com/entry/%..

Jang_bo_go 2022.01.15