prostudy

Vue.js에게 강제로 재장전/재장전할 수 있는가? 그냥 간단한 질문이야. 강제할 수 있나?Vue.js모든 걸 재장전할 수 있을까?만약 그렇다면, 어떻게?마법 주문 사용: vm.$forceUpdate(); //or in file components this.$forceUpdate(); 매달려 있는 var를 만들 필요가 없음 :) 업데이트: VueJS와 함께 작업할 때만 이 솔루션을 찾았어.그러나 더 이상의 탐사는 이 접근법을 목발처럼 증명했다.내가 기억하기로는, 얼마 지나지 않아 나는 그것을 없앴다. 자동으로 새로 고치지 못한 모든 속성(대부분 중첩된 속성)을 계산된 속성에 넣기만 하면 된다. 자세한 내용은 https://vuejs.org/v2/guide/computed.html를 참조하십시오.이것은 이..

외부 JS 스크립트를 VueJS 구성 요소에 추가하는 방법 나는 결제 게이트웨이에 외부 대본을 두 개 사용해야 해. 지금 현재 두 개 모두 그 안에 있다.index.html파일 하지만, 나는 이 파일들을 처음부터 로드하고 싶지 않다. 사용자가 특정 구성요소를 열 때만 지불 게이트웨이가 필요함(using router-view). 이것을 성취할 방법이 있을까? 고마워요.이 문제를 해결하는 간단하고 효과적인 방법은 외부 스크립트를 vue에 추가하는 것이다.mounted()당신의 구성 요소의구글 Retrifcha 스크립트로 설명하겠다. .... your HTML 출처: https://medium.com/@lassiuosukainen/how-to-to-to-tog-a-script-tag-on-a-vue-compo..

Vuex - 계산된 속성 "name"이(가) 할당되었지만 세터가 없음 양식 검증이 있는 구성요소가 있어다단계 체크아웃 양식이다.아래 코드는 첫 번째 단계를 위한 것이다.사용자가 텍스트를 입력했는지 확인하고 이름을 글로벌 상태로 저장한 후 다음 단계로 전송하십시오.ve-validate와 vuex를 사용하고 있다. Name {{ errors.first('name') }} Next Step 나는 주문 상태를 처리하고 이름을 기록하는 가게를 가지고 있다.궁극적으로 나는 모든 정보를 다단계 양식에서 서버로 보내고 싶다. export default { state: { name: '', }, mutations: { UPDATE_ORDER_CONTACT(state, payload){ state.name = payloa..

Vuex 작업에서 약속 반환 나는 최근에 물건을 JQ에서 VueJS라는 좀 더 구조화된 프레임워크로 옮기기 시작했는데, 너무 좋아! 개념적으로, Vuex는 나에게 약간 패러다임의 변화였지만, 나는 지금 무슨 일이 일어나고 있는지 알고 있다고 확신해, 그리고 완전히 이해했어!그러나 대부분 구현의 관점에서 약간의 회색 영역이 존재한다. 내가 느끼는 이 것은 설계상으로는 좋지만 단방향 데이터 흐름의 Vuex 사이클과 모순되는지는 모르겠다. 기본적으로 행동에서 약속(같은) 대상을 반환하는 것이 좋은 관행으로 여겨지는가?나는 이것들을 비동기 포장지로 취급하는데, 실패 상태 등이 있고, 그래서 약속을 되돌리기에 좋은 것 같다.정반대로 돌연변이는 사물을 변화시킬 뿐이고, 가게/모듈 내의 순수한 구조물이다.action..

Vue 프로젝트의 보기와 구성 요소 폴더 간의 차이점은? 그냥 명령줄을 사용했을 뿐인데 (웃음)CLIVue.js 프로젝트를 초기화하기 위해.그CLIa를 만들었다.src/components그리고src/views폴더로 만들다 부에프로젝트를 한 지 몇 달이 지났는데 폴더구조가 생소해 보인다. 두 사람의 차이점은 무엇인가.views그리고components로 생성된 Vue 프로젝트의 폴더우선, 두 폴더 모두src/components그리고src/views에는 Vue 구성 요소가 포함되어 있다. 주요 차이점은 일부 Vue 구성 요소가 라우팅의 보기 역할을 한다는 것이다. Vue에서 라우팅을 처리할 때, 대개 Vue 라우터와 함께, 루트는 구성 요소에 사용되는 현재 뷰를 전환하기 위해 정의된다.이 노선은 일반적으로 에..

방법 대 Vue에서 계산된 방법 a의 주요 차이점은 무엇인가?methods그리고 acomputedVue.js의 가치? 그들은 똑같고 서로 바꿀 수 있어 보인다.계산된 값과 방법은 Vue에서 매우 다르며 대부분의 경우 상호 교환할 수 없다. 계산된 속성 계산된 값에 더 적합한 이름은 계산된 속성이다.실제로 Vue가 인스턴스화되면 계산된 속성은 게터(getter)와 때로는 세터(setter)로 Vue의 속성으로 변환된다.기본적으로 계산된 값을 계산하는 데 사용되는 기본 값 중 하나가 업데이트될 때마다 자동으로 업데이트되는 파생 값으로 생각할 수 있다.계산된 연산자를 호출하지 않고 어떤 파라미터도 허용하지 않는다.데이터 속성과 마찬가지로 계산된 속성을 참조하는 경우.설명서의 전형적인 예는 다음과 같다. com..

[부유 경고]:요소를 찾을 수 없음 부에즈 쓰고 있어.이건 내 마크업이다. 이건 내 암호야 var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }) ; 페이지를 로드하면 다음과 같은 경고가 표시됨: [Vue warn]: Cannot find element: #main 내가 뭘 잘못하고 있는 거지?문제는 돔에 목표 돔 요소가 로드되기 전에 스크립트가 실행된다는 겁니다.한 가지 이유는 페이지 머리글이나 분할 요소 앞에 배치되는 스크립트 태그에 스크립트를 배치했기 때문일 수 있다.#main. 따라서 스크립트가 실행되면 대상 요소를 찾을 수 없으므로 오류가 발생한다. 하나의 해결책은 다음과 같은 로드 이벤트 핸들러에 스크립트를 배치하는 것이다..

Vue.js—v-model과 v-bind의 차이 온라인 코스로 부에를 배우고 있는데 강사가 기본값을 입력하는 연습을 시켜줬어.I completed it with usv-model하지만 강사는 선택했다.v-bind:value왜 그런지 모르겠어 이 둘의 차이와 각각의 것을 사용하는 것이 더 좋을 때 누가 나에게 간단한 설명을 해줄 수 있을까?여기서부터 - 기억하십시오. 본질적으로 다음과 같다. 또는 (속어 구문): 그렇게v-model폼 입력에 대한 양방향 바인딩.그것은 결합한다.v-bind, 그리고 마크업으로 js 값을 가져오고v-on:inputjs 값을 업데이트한다.js 값이 있어야 함data, 또는 .inject. 사용하다v-model네가 할 수 있을 때사용하다v-bind/v-on꼭 :-) 당신의 대답이..

Vue v-On:클릭이 구성 요소에서 작동하지 않음 컴포넌트 내부에서 클릭 명령을 사용하려고 하는데 작동하지 않는 것 같아.구성 요소를 클릭하면 콘솔에서 '테스트 클릭'을 받아야 할 때 알림이 발생한다.콘솔에 오류가 보이지 않아서 내가 뭘 잘못하고 있는지 모르겠어. 인덱스.포인트 앱뷰 테스트.vue(구성 요소) click here 구성 요소의 루트 요소에서 네이티브 이벤트를 청취하려면 .native 수식어를 사용해야 한다.v-on, 다음과 같은 경우: 코멘트에서 제시된 바와 같이 속기로 다음과 같이 할 수 있다. 기본 이벤트에 대한 자세한 내용을 보려면 참조내 생각에$emit기능이 더 잘 작동한다고 생각해Vue 인스턴스에서 구성 요소를 분리하여 여러 컨텍스트에서 재사용할 수 있도록 한다. // Child..

vue-cli 프로젝트에서 포트 번호를 변경하는 방법 Vue-cli 프로젝트에서 포트 번호를 변경하여 8080이 아닌 다른 포트에서 실행하는 방법만약 당신이 사용하고 있는 경우vue-cli3.x, 간단히 항구를 통과하면npm다음과 같이 명령한다. npm run serve -- --port 3000 그럼 방문하십시오.http://localhost:3000/파티에 늦었지만, 나는 이 모든 대답을 모든 선택지를 요약하는 하나로 통합하는 것이 도움이 된다고 생각한다. Vue CLI v2(웹 팩 템플릿)와 Vue CLI v3로 구분되며, 우선 순위(높음에서 낮음)로 정렬됨. Vue CLI v3 package.json: 에 포트 옵션 추가serve스크립트:scripts.serve=vue-cli-service ser..