하루에 0.01%라도 성장하자
728x90
반응형

2021/05/21 2

Vue - .vue 파일에서 commit 이용하기

기본적으로 Vuex를 사용하면 mutation을 이용한 action.js 파일에서 commit을 한다. 즉, API를 이용해 받은 response값을 commit으로 저장하여 getter를 호출해 가져오는 형태로 사용한다. 하지만 가끔 *.vue 파일에서 특정한 값을 저장해서 getter로 손쉽게 불러와야 하는 경우가 발생한다. 이때. 우리는 아래와 같이 쓴다 this.$store.commit("setData", this.data); 이미 main.js에 store가 선언되어 있고 setData라는 mutations을 사용하는 방법이다. 위 코드를 사용하면 setData 를 통해서 this.data 값이 미리 선언된 글로벌한(?) 변수에 저장이 되고 이를 getter를 이용해 가져다 쓸수 있게 되는 것...

Develop/Vue.js 2021.05.21

Vue - Scroll Event

Vue를 이용해서 Scroll Event를 쉽게 처리할 수 있다. 기존 자바스크립트를 이용하면 window.addEventListener ... 등의 코드를 이용해서 사용한다. Vue를 최대한 활용해서 적용하였다. ....... 간단하게 설명하면. 1. v-container 에 id 값을 준다. - 이렇게 되면 v-container 태그 안에 있는 내용이 스크롤링 된다. 2. v-scorll:#main="handleScroll" 코드로 main id값을 가진 태그에서 scroll 이벤트가 발생하면 handleScroll method가 실행되도록 한다. 3. data 영역에 scrollPostion을 선언한다. 4. handleScroll(e) method를 통해 e.target.scrollTop 값을 s..

Develop/Vue.js 2021.05.21
728x90
반응형