Vue.js에서 추적 단추, 관심수, 관심자 수의 결합을 실시합니다
추적 기능은 Laavel 및 Vue입니다.js에서 실현
추적 단추, 팔로우 수, 팔로우 수의 협업 이외의 부분은 아래의 내용을 보면 실현할 수 있다.
https://www.youtube.com/watch?v=ImtZ5yENzgE
추적 기능에 관하여 나는 주로 다음과 같은 두 가지가 있다고 생각한다
1. 사용자 등록 기능이 없으면 진행할 수 없습니다.
- Laavel 인증 기능을 통해 간편하게 수행
2. DB의 디자인에는 여러 쌍의 사용자 테이블과 설정 테이블이 필요하다.
npm의 준비
Laavel은 Vue입니다.표준은 js를 탑재하고 전기에는 노드를 준비했다.js 설치 및 npm 사용
그저 할 수 있도록
sudo yum install nodejs npm --enablerepo=epel
npm install -g npm
어셈블리 간의 통신(형제 어셈블리)을 위해서는 Vuex가 필요합니다.
npm install vuex --save
cd /path/to/laravel /* Laravelルートディレクトリへ移動 */
npm install
cd /path/to/laravel /* Laravelルートディレクトリへ移動 */
npm run watch
지금까지 Laavel의 Vue였습니다.js가 잘 움직일 거예요!디렉토리 구성
Vuex
범위 관계에서this에서 다른 구성 요소를 참고할 수 없지만, Vuex를 사용하여 구성 요소 간에 같은 데이터를 공유할 수 있습니다.특히 비부자 구성 요소 간의 통신은 상점 Vuex를 사용하지 않으면 혼란스러울 수 있다.
js/store/store.설명 js
store.js
15행 follow User 방법은 추적 단추를 눌렀을 때의 동작입니다. Vuex에서 Store 상태를 바꾸는 동작은 모두 store 자체에 있어야 하기 때문에 추적 단추의 구성 요소에 쓰여 있지 않습니다.
열여섯 번째 줄axios.post는 axios(Promise)에서 비동기 통신을 한다.여기서 서버를 따라가거나 취소합니다.
17번째 줄은 Promise의 then()을 사용하여 호출 처리를 하는데 성공한 경우 25번째 줄은'진짜'입니다.then에게 건네주고 따라가기와 해제 후의 추적기 수, 추적기 수를 상점에 반영한다.
GitHub
https://github.com/iwaoo/laravel_login
Reference
이 문제에 관하여(Vue.js에서 추적 단추, 관심수, 관심자 수의 결합을 실시합니다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/iwao2010/items/523a666e04a47550b7ed
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Vue.js에서 추적 단추, 관심수, 관심자 수의 결합을 실시합니다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/iwao2010/items/523a666e04a47550b7ed텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)