# vuejs
Vue.js설계 및 Atomic Design
회사에서는 프론트 프레임워크로 Vue를 채택하고 있습니다.현재 운용 중인 설계법 및 아토믹 디자인에 대해서 정리하고자 합니다.화면을 구성하는 요소를 원자(atom), 분자(molecule), 유기체(oranism), 템플릿(template), 페이지(page)로 5계층
vue-next로 vuejs 3 미리 맛보기 + Fragments
뷰js 버전 3가 2020년 3월쯤에 나올 것으로 예상이 되는데 정식 출시 전에 vue-next를 통해서 완전하지는 않지만 버전 3 알파 버전을 다운 받아서 미리 접해볼 수가 있습니다.먼저 vue-next를 이용해서 vuejs 3를 설치해 보겠습니다.
Vue.js에 slide 적용하기 (Vueper Slides)
시작 및 사용법 모듈 설치 Import > 모듈을 설치하고 임포트를 하면 사용할 준비가 끝납니다. > 사용법은 해당 모듈 사이트에 너무 자세히 나와있어 부가 설명이 불필요할 것으로 판단하여 사이트 주소를 남깁니다. > 공식 사이트: Vueper Slides > > 하단 부분에는 회원가입을 예로든 예제가 있습니다. > > 간단하게 만들어서 코드는 볼 것...
# Vue.js 예전 공부 메모
이전에 vue를 사용하면서 적은 메모들을 여기에 옮김 오브젝트는 참조전달이다 같은 곳을 참조하므로 UI렌더링이 안 될 수 있다. 배열로 하면 문제없다. 혹은 전개구문으로 한 번 값을 새로 복사해서 만든 다음에 넣어주면 된다. 뷰는 오브젝트 내부를 검지해주지 않는다. computed는 배열 안을 검지 못하므로, watch를 쓴다. @click 이벤트에서...
Vuejs 간단 채팅앱 만들기
최근 Vuejs에 관심이 생겨서 공부것을 바탕으로 간단한 채팅앱을 만들어 보았습니다. 이렇게 개발글 남기는건 처음이라... 어떻게 써야 잘쓰는건지 잘 모르겠지만... 좋게봐주셨으면합니다~^^ Vue Component Framework - Vuetify를 설치하겠습니다. 1. 로그인 페이지 ./src/views/Login.vue ./src/App.vu...