prostudy

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

하위 구성 요소에서 상위 데이터 업데이트 나는 부에즈(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..

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

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..

Vue Js - v-for X time(범위 내)을 통한 루프 다음을 통해 루프를 반복하는 방법v-forX(예: 10)번? // want to repeat this (e.g.) 10 times {{ item.name }} - {{ item.price }} 이 문서에는 다음이 표시된다. {{ item }} // or {{ n }} // this doesn't work {{ item.price }} 하지만 Vue는 어디에서 사물의 출처를 알까?의사 말대로 렌더링하면 항목 수와 항목 수는 알 수 있지만 내용은 없다.범위 내에서 인덱스를 사용한 다음 인덱스를 통해 어레이에 액세스하십시오. {{ shoppingItems[index].name }} - {{ shoppingItems[index].price }} 이 ..