Vue 프로젝트 소감

1768 단어
Vue 소감:
(1)methods의 방법은 클릭할 때마다 모든 방법을 실행합니다
(2) 서로 다른 것은 계산 속성이 그들의 의존을 바탕으로 캐시를 하는 것이다.계산 속성은 관련 의존이 바뀔 때만 다시 값을 구할 수 있습니다.이것은 메시지 변경이 일어나지 않았을 때,reversedMessage 계산 속성에 여러 번 접근하면 이전의 계산 결과를 즉시 되돌려주고 함수를 다시 실행할 필요가 없다는 것을 의미한다
(3) 캐시가 필요한 이유는 무엇입니까?만약 우리가 성능 비용이 비교적 큰 계산 속성 A를 가지고 있다면, 그것은 거대한 그룹을 두루 훑어보고 대량의 계산을 해야 한다.그리고 우리는 다른 계산 속성이 A에 의존할 수도 있다.만약 캐시가 없다면, 우리는 A를 여러 번 실행하는 Getter를 피할 수 없습니다.만약 캐시가 있기를 원하지 않는다면, 방법으로 대체하십시오.
(4)scoped는 이 CSS가 이 Vue 파일에서만 적용되는 것을 제어하는 원리이다. 이 Vue 파일에 특정한 스타일 이름을 생성한다. 예를 들어 h1[data-v-7ba5bd90]이면 다음 파일의 스타일은 이 h1[data-v-7ba5bd90]을 호출해서 표시한다.
(5) vue에서 http 요청을 사용하여 설치: npm install vue-resource --save
(6)route: 하나의 루트, 단수, Home 버튼=> 홈 내용routes: 하나의 루트를 조합하여 하나의 그룹을 형성한다. 하나의 관리자가 루트를 관리한다. 왜냐하면routes는 하나의 루트만 정의했기 때문에 어디에 두면 정지된 것이고 진정으로 요청이 오면 어떻게 합니까?바로 사용자가 홈 버튼을 눌렀을 때 어떻게 합니까?이때router는routes에서찾고해당하는home내용을찾기때문에페이지에home내용을표시한다.
(7) 사용자가router-link 탭을 눌렀을 때 to 속성을 찾습니다. to 속성과 js에 설정된 경로 {path:'/home', component: Home} path가 일일이 대응하여 일치하는 구성 요소를 찾았고 마지막으로 구성 요소를 탭이 있는 곳으로 렌더링합니다.이 모든 실현이야말로hash에 기초한 것이다.
(8) Vue-router 설치: npm install vue-router --save
(9) 블로그 쓰기
(10) better-scroll
(11)keep-alive: 구성 요소의 상태를 보존하거나 다시 렌더링하지 않도록 합니다.
(12)> 실제 업무에서 어떤 구성 요소 안에서 버튼을 클릭하거나 링크를 클릭하여 다른 구성 요소로 전환해야 할 때가 있다. 즉, 경로를 바꾸는 것이다. 우리는 다음과 같은 방법을 시도해 볼 수 있다.
//this.$직접 점프router.push('/map')
//조건이 허용될 때 if(this.data) {this.$router.push('/map')}
(13)vue의 루트router에서 go 방법은 전진 후퇴 내비게이션으로 사용되며, 때때로 실제 업무는 우리가 이전 페이지로 돌아가는 기능을 추가해야 하기 때문에 우리는 go로 실현할 수 있다.'-1' 이면 이전 루트 페이지로 후퇴할 수 있습니다.
this.$router.go('-1')

(14)this.$통과options.components는 부모 구성 요소가 국부적으로 등록된 구성 요소를 얻을 수 있습니다

좋은 웹페이지 즐겨찾기