main.scss 전역설정, vuex의 mapState, 검색된정보초기화 및 페이지이동간 스크롤업

main.scss 전역에서 가져와서 사용하기

vue마다 style에서 적용했던 @import "~/scss/main.scss" 는 webpack.config.js에서 전역설정할 수 있다.

vuex의 mapState로 this.$store.state.모듈.값 을 한번에 처리하기

about.js export default {   namespaced:true,   state:()=>({     name: '****',     email:'wnsdud****@naver.com',     blog:'https://naver.com',     phone:'+82-10-****-****',     image:'https://heropy.blog/css/images/logo.png'   }) }

페이지 이동간 스크롤 복귀

scrollBehavior을 통해 페이지이동시 top을 0으로 만들어서 맨위로 올린다.

메인 페이지로 이동시 검색 정보를 초기화

resetMovies작동시 안에 값들이 모두 초기화 됨

 

Home이라는 메인페이지가 열리면 created는 페이지가 열리면 내부 구문을 작동시킨다. movie.js의 mutations에 있는 resetMovies를 작동시켜 기존에 검색한 정보들을 초기화한다.