본문 바로가기
728x90

Vue

[Vue] mounted 에서 data undefined 발생할 경우 mounted : function() { let $vm = this this.$nextTick(function() { document.getElementById('btn1').addEventListener('click', function () { console.log(typeof($vm.items)) console.log($vm.items) $vm.items.push('B') }) }); },아니면arrow function 사용 출처 : https://stackoverflow.com/questions/51929737/vuejs-data-property-returns-undefined-in-mounted-function 더보기
[Vue][Vuex] store 관리 방법 참고 소스 https://github.com/vuejs/vuex/blob/dev/examples/shopping-cart/store/modules/cart.js module로 추가해서 사용함각 모듈마다 state, mutations, actions, getters 정의해서 사용 더보기
[Vue] 간단한 Side Icon Bar 적용해보기 이전에 생성했던 vue ui 로 만들었던 내용에 덧붙인다. views 폴더 밑에 SideBar.vue 생성 .icon-bar { height: 100%; width: 90px; background-color: #555; position: fixed; /* Fixed Sidebar (stay in place on scroll) */ /*z-index: 1;*/ /* Stay on top */ top: 0; /* Stay at the top */ left: 0; overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 0; } .icon-bar a { display: block; text-align: center; padding: 16px; tran.. 더보기
[Vue] vue-cli 사용, vue ui 사용 vue-cli 설치 npm install -g @vue-cli 자세한 내용은 https://cli.vuejs.org/guide/installation.html cmd 에서 vue ui 실행 실행 시 자동으로 접속됨 만들기 탭 > 새 프로젝트 만들기 클릭 프로젝트 폴더 입력, 패키지 매니저 선택, 추가옵션 선택 기본 프리셋은 babel,eslint 플러그인이 설치된다.Manual로 선택해서 다양한 플러그인을 선택해본다. Babel, Router, Vuex, Linter/ Formatter, Unit Testing, E2E Testing, Use config files 선택 linter/ formatter config 선택, testing solution 선택, E2E testing solution 선택 직.. 더보기
728x90

티스토리툴바