c10106

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

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

Vue CLI CSS 사전 프로세서 옵션: dart-sass VS node-ass? CLI(v3.7.0)로 새 프로젝트를 생성할 때 다음 중 하나를 선택할 수 있는 옵션이 있음dart-sass또는node-sass컴파일러 Vue 문서로 선언된 것보다 더 구체적으로, 이 두 문서들은 서로 어떻게 비교되는가? Sass 성능에 대한 팁 Dart Sass를 사용할 경우 비동기 콜백의 오버헤드 때문에 동기식 컴파일이 기본적으로 비동기식 컴파일보다 2배 더 빠르다는 점에 유의하십시오.이러한 오버헤드를 방지하려면 섬유 패키지를 사용하여 동기식 코드 경로에서 비동기식 가져오기 기능을 호출하십시오.이렇게 하려면 프로젝트 종속성으로 섬유를 설치하십시오. npm install -D fibers 또한 기본 모듈인 만큼 OS와 ..

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

Vue-Router를 사용하여 Vue에서 URL 쿼리 매개 변수를 설정하는 방법 입력 필드를 변경할 때 Vue-router를 사용하여 쿼리 매개 변수를 설정하려고 하는데 다른 페이지로 이동하지 않고 같은 페이지에서 URL 쿼리 매개 변수를 수정하고 싶어서 이렇게 하고 있다. this.$router.replace({ query: { q1: "q1" } }) 그러나 이렇게 하면 페이지가 새로 고쳐지고 y 위치가 0으로 설정되며, 즉 페이지 맨 위로 스크롤된다.이것이 URL 쿼리 매개 변수를 설정하는 올바른 방법인가 아니면 더 나은 방법이 있는가? 편집됨: 다음은 내 라우터 코드: export default new Router({ mode: 'history', scrollBehavior: (to, from, ..

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

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

Vuejs: 경로 변경 시 이벤트 내 메인 페이지에는 내가 보여주는 드롭다운이 있다.v-show=show링크를 클릭하여@click = "show=!show"그리고 나는 설정하기를 원한다.show=false내가 경로를 바꿀 때 말이야.이 일을 어떻게 깨달아야 할지 조언해 줘.에 감시자 설정$route다음과 같은 구성 요소: watch:{ $route (to, from){ this.show = false; } } 시 로 한다.show거짓으로v2.2.0을 사용하는 경우 $route의 변경 사항을 감지하는 데 사용할 수 있는 옵션이 하나 더 있다. 동일한 구성 요소의 매개 변수 변경에 대응하려면 $route 개체를 보십시오. const User = { template: '...', watch: { '$route..

vuex에서 스토어 값을 보는 방법? 나는 사용하고 있다vuex그리고vuejs 2함께 나는 이 생소하다.vuex, 나는 보고싶다 astore가변적 변화 나는 더하고 싶다.watch나의 기능을 하다.vue component 지금까지 내가 가지고 있는 것은 다음과 같다. import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; 앞으로 어떤 변화가 있는지 알고 싶다.my_state 어떻게 보는가store.my_state내 Vuejs 컴포넌트에?예를 들어 과일 바구니가 있다고 하자, 그리고 바구니에서 과일..

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꼭 :-) 당신의 대답이..