개발/vue(17)
-
Vue export import 그리고 GitHub 이미지 활용
data() 의 양이 너무 많으면 문서의 양이 너무 길어짐 그래서 자바구조마냥 문서를 하나 따로 만들고 그걸 첨부(import)하는거임 외부 문서에서는 자기자신을 export 해서 전송 (App.vue) import data(작명) from './oneroom.js파일경로' data(){ return { 원룸들 : data(작명) } } 이런식으로 임포트 시켜줌 data() 위에 명령어 위치 (oneroom.js) export default 위에있던원룸들데이터 이런식으로 익스포트 시켜줌 {{ item }} 상세페이지 상세페이지내용임 닫기 {{ onerooms[i].title }} {{ onerooms[i].price }}만원 허위매물신고 신고수 : {{ count[i] }} 실제로 만든거 만들면서 활용한..
2021.10.15 -
v-if modal UI제작
{{ item }} 상세페이지 상세페이지내용임 닫기 {{ products[0] }} 60만원 허위매물신고 신고수 : {{ count[0] }} {{ products[1] }} 60만원 허위매물신고 신고수 : {{ count[1] }} {{ products[2] }} 60만원 허위매물신고 신고수 : {{ count[2] }} ui 만들떄 공통점 미리 만들어놓고 (HTML CSS 기능JS) 특정 조건이 되면 (v-if 사용 if 특정조건일때만 표현 (v-on:click 등등 event 이되면 특정 값을 바꿔주는것으로 조건형성) 보여준다. 이게끝임
2021.10.15 -
Vue v:on eventlistener
기록하는 습관을 가지는것. 단기기억장치에서 장기기억장치로의 진화.. sdd hdd 기능이 있는 사람이되자 .. ide가 좋아져서 손코딩 할 기회가 줄어듬 분명 장점이긴한데 이게 뭔가 비기너 한테는 단점인듯 손코딩 안하면 문법이 안외워짐 계속 검색해서 써야하니깐 귀찮음 {{item}} {{ products[0] }} 60만원 허위매물신고 신고수 : {{count[0]}} {{ products[1] }} 60만원 허위매물신고 신고수 : {{count[1]}} {{ products[2] }} 60만원 허위매물신고 신고수 : {{count[2]}} 두둥 methods 의 등장 길고긴 문법을 정리해서 한단어로 쓸수있다는게 methods의 특징 ! 이번장에서는 v:on:click // @click 둘중 하나를 사용..
2021.10.14 -
Vue v-for
----------------------------------------------------------------- {{작명}} {{item}} {{item}} --> 이렇게 인덱스 값을 뺄수도 있음 = 인덱스 조건 부여 가능 원하는것만 나오게 --> v-for 문법에는 object 나 array 가 들어감 in (object or array) --> ----------------------------------------------------------------- {{ products[0] }} 60만원 {{ products[1] }} 60만원 {{ products[2] }} 60만원 ----------------------------------------------------------------..
2021.10.14 -
Vue databinding
개발을 하면서 항상 명심할 것은 내가 짜 보지 않은 코드는 나의 코드가 아니며 내가 다른 사람의 코드를 따라 친 것은 한컴타자연습일 뿐 개발이 아니다. 스스로 생각하며 문법에 대한 단순한 암기가 아닌 활용을 할 때 비로소 개발을 하는 것이다. Vue 데이터 바인딩 1. 하드코딩해두면 나중에 변경할 때 하나하나씩 손수 해줘야 함 2. vue 실시간 자동 랜더링 기능 사용하려면 써야 함 (실시간으로 변경되는 값 처리) .................................................................. html 의 모임입니다. 기존 html과 css 문법이 동일합니다. hi123 {{price1}} 이곳에 html 내용을 적습니다. {{}} - > 데이터 바인딩 기록되어있는..
2021.10.13