prostudy

웹 팩 개발 서버에서 모든 경로에 대해 index.html을 제공하도록 지시하는 방법 리액션 라우터를 통해 리액션 앱이/arbitrary/route. 이 방법이 작동하려면 서버가 일치하는 경로로 리액션 앱을 전송해야 한다. 그러나 웹팩 개발 서버는 임의의 엔드포인트를 처리하지 않는다. 여기에 추가적인 익스프레스 서버를 사용하는 해결책이 있다.웹 팩-dev-server가 리액터로부터 진입점을 허용하는 방법 하지만 나는 다른 익스프레스 서버를 가동시켜 경로 매칭을 허용하고 싶지 않다.웹팩 개발 서버에게 URL을 일치시키라고 말하고 내 리액션 앱을 보내줘.다음과 같은 소규모 구성을 포함하는 가장 손쉬운 솔루션을 찾았다. devServer: { port: 3000, historyApiFallback: { ind..

vue.js 2의 수업에서 어떻게 조건을 추가할 수 있을까? 내 구성 요소 vue는 다음과 같다. ... 오류 있음: 잘못된 식: :class="{product == 'responseFound' ? 'btn-default' : 'btn-successful' }" 어떻게 하면 해결할 수 있을까?브래킷을 간단히 제거하십시오.:class: ... 조건을 더 추가하려면 다음과 같이 마무리하십시오.[]배열을 작성하려면: :class="[product == 'responseFound' ? ' btn-default' : ' btn-success', foo ? 'foo' : 'bar']" 나는 이런 종류의 행동에 대해 계산된 속성을 사용할 것이다. 템플릿에서 논리를 제거하고 스크립트 부분으로 이동시키는 겁니다. 참조U..

Vue 2방향 프로펠러 바인딩 아래는 나의 현재 구조(잘 안 된다)이다. 상위 구성 요소: 하위 구성 요소: Some text 요구사항은 다음과 같다. 상위 데이터의 경우title.warn부모의 가치 변화, 자녀의 가치class바인드는 업데이트되어야 한다(field.warn). 아이라면업데이트됨(field.value)) 다음은 부모의 것이다.title.value업데이트되어야 한다. 이것을 달성하기 위한 가장 깨끗한 해결책은 무엇인가?하위 구성 요소의 바인딩 안 함부모에게title.value(좋다)이것은 앱의 데이터 흐름을 이해하기 훨씬 어렵게 만들 수 있는 알려진 나쁜 관행이다. 요구사항은 다음과 같다. 상위 데이터의 경우title.warn부모의 가치 변화, 자녀의 가치class바인드는 업데이트되어야 한..

다른 액션 내에서 액션 호출 내 작업에 대해 다음과 같은 설정이 있다. get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, 나는 한 가지 행동을 다른 내부에서 불러올 수 있기를 원하므로 이 예에서 나는 전화를 걸 수 있기를 원한다.get2()안에서get1().이것이 가능한가, 만약 가능하다면 어떻게 할 수 있을까?에 대한 액세스 권한dispatch첫 번째 매개 변수에 전달된 개체의 메서드: get1: ({ commit, dispatch }) => { dispatch('get2'); }, 이 내용은 설명서에서 다룬다.첫 번째 인수(컨텍스트)를 통해 디스패치 방법에 액세스할 ..

프로그래밍 방식으로 탐색할 때 라우터를 반응시키고 데이터를 전달하시겠습니까? 우리는 다음 방법으로 다른 길을 찾을 수 있다. this.props.router.push('/some/path') 탐색할 때 매개 변수(객체)를 보낼 수 있는 방법이 있는가? 내가 생각할 수 있는 다른 선택사항들이 있지만, 통과가 가능한지 궁금하다.object혹시 가능할까? 나는 오브젝트의 ID를 내장하고 새로운 페이지에서 오브젝트를 서버에서 다시 가져올 수 있다. 아니면 물건을 환원소처럼 글로벌 저장소에 보관할 수도 있다.(이 물체는 곧 매장에서 제거해야 한다.그래서 애당초 거기에 갖다 놓는 것이 좋지 않을 수도 있다고 생각하고 있다) 라우터 사용 반응location물건들의 속성 중 하나location목적어는state. thi..

Vuetify에서 중단점을 사용하여 화면 크기에 따라 마진을 다르게 지정하는 방법 질문:. 나는 특정한 양의 카드를 보여주는 루프를 가지고 있다. 문제는 에 있다.ma-5에 속하다.. onxs스크린 사이즈가 너무 크다.Ho 화면 크기에 따라 마진을 다르게 지정하시겠습니까? 코드: {{card.title}} {{card.description}} 시도됨: 아래에 이 코드를 추가하려고 시도했다(이 페이지에서 복사됨) 그리고 나는 이런 오류를 얻는다. [Vue warn]: Property or method "$breakpoint" is not defined on the instance but referenced during render [Vue warn]: Error in render: "TypeError: C..

VueJS - 마운트된 내부 저장 데이터 액세스 나는 다음 사항을 이해하는 데 어려움을 겪고 있다. 나는 a를 가지고 있다.store응용 프로그램에 필요한 변수가 포함되어 있는 경우.특히 a가 있다.globalCompanies다음 스토어: globalCompanies: { current: [], all: [], currentName: "", } 다른 구성 요소 내에서 다음 작업을 수행하십시오. mounted() { this.$store.dispatch( "fetchUsers" ); var currentName = this.$store.state.globalCompanies.currentName; console.log(currentName); }, 하지만, 이것은 그저 공허한 것으로 보여진다.나는 그 가치..

하위 구성 요소에서 상위 데이터 업데이트 나는 부에즈(2.0)를 가지고 놀기 시작했다.나는 하나의 구성요소가 들어 있는 간단한 페이지를 만들었다.페이지에는 데이터가 포함된 Vue 인스턴스가 하나 있다.그 페이지에서 나는 html에 구성요소를 등록하고 추가했다.구성 요소가 하나 있음input[type=text]그이 부모 인스턴스)에 나는 그 값이 부모(메인 Vue 인스턴스)에 반영되기를 원한다. 구성 요소의 상위 데이터를 올바르게 업데이트하는 방법부모로부터 바운드된 소품을 건네는 것은 좋지 않고 콘솔에 약간의 경고를 던진다.그들은 의사록에 뭔가가 있지만 그것은 효과가 없다.양방향 바인딩은 Vue 2.0에서 더 이벤트 중심 아키텍처의 사용을 위해 더 이상 사용되지 않았다.일반적으로 어린이는 그 소품을 변이해..

구성 요소 외부에서 Vue.js 구성 요소 메서드를 호출하십시오. 예를 들어, 하위 구성 요소를 포함하는 기본 Vue 인스턴스가 있다고 합시다.이러한 구성 요소 중 하나에 속하는 방법을 Vue 인스턴스 외부에서 전체적으로 호출하는 방법이 있는가? 예를 들면 다음과 같다. var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() { return { count: 1, }; }, methods: { increaseCount: function() { this.count++; } } }, } }); $('#external-button').click(function() { vm['my..

Vue js에서 axios 메서드를 가져오기 위한 올바른 구문 나는 생성된 후크에서 직접 전화를 걸지 않고 주 vue 인스턴스를 가져와 내 공리 호출과 분리하려고 한다. data.js라는 별도의 파일에 이것을 가지고 있다. import axios from 'axios' export default{ myData() { return axios.get(`http://localhost:8080/data.json`) .then(response => { // JSON responses are automatically parsed. return response.data; }) .catch(e => { return this.myErrors.push(e) }); }, 그리고 나의 예를 들어 다음과 같은 것이 있다. im..