프로그램 작성 vue.js

13

Vuex에서 "동작"과 "돌연변이"를 갖는 논리는 무엇입니까? 구성 요소의 논리가 스마트하게 보이는 상태를 수정할 수는 없지만 동작과 변이를 모두 갖는 것은 하나의 함수를 작성하여 다른 함수를 트리거 한 다음 상태를 변경하는 것처럼 보입니다. "동작"과 "돌연변이"의 차이점은 무엇이며 어떻게 작동합니까? 또한 Vuex 개발자가 왜 이런 식으로 결정했는지 궁금합니다.

173 vue.js vuex

17

vue.js 2 vuex에서 상점 값을 보는 방법

나는 함께 사용 vuex하고 vuejs 2있습니다. 나는 처음에 변수 변화 vuex를보고 싶습니다 store. watch내 기능 을 추가하고 싶습니다vue component 이것이 지금까지 내가 가진 것입니다. import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; 변경 사항이 있는지 알고 싶습니다. …

168 javascript vue.js vuejs2 vuex

6

[부 경고] : 요소를 찾을 수 없습니다

Vuejs 사용 하고 있습니다. 이것은 내 마크 업입니다. <body> <div id="main"> <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div> </div> </body> 이것은 내 코드입니다. var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }) ; 페이지를로드하면이 경고가 나타납니다. [Vue warn]: Cannot find element: #main 내가 뭘 잘못하고 있죠?

166 javascript mvvm vue.js

9

부모 이벤트의 자식 구성 요소에서 함수를 호출하는 방법

문맥 Vue 2.0에서 문서와 기타 문서 는 부모와 자식 사이의 커뮤니케이션이 소품을 통해 이루어짐을 분명히 나타냅니다. 질문 부모는 자녀에게 소품을 통해 사건이 발생했음을 어떻게 알립니 까? 이벤트라는 소품을 볼까요? 그것은 옳지 않거나 대안이 아닙니다 ( $emit/ $on는 어린이에서 부모로, 허브 모델은 먼 요소를 위해). 예 부모 컨테이너가 있으며 API에 대해 …

164 javascript vue.js event-handling vuejs2

3

@click과 v-on : click Vuejs의 차이점

질문은 충분히 명확해야합니다 :). 그러나 누군가가 다음을 사용하는 것을 볼 수 있습니다. <button @click="function()">press</button> 누군가 사용 : <button v-on:click="function()">press</button> 그러나 실제로 둘 사이의 차이점은 무엇입니까?

160 vue.js vuejs-directive

2

네임 스페이스가 지정된 두 개의 vuex 모듈간에 작업을 전달하는 방법이 있습니까?

네임 스페이스 모듈간에 작업을 전달할 수 있습니까? 예를 들어, vuex 모듈 "gameboard"및 "notification"이 있습니다. 각각은 네임 스페이스입니다. 게임 보드에서 알림 모듈로 액션을 전달하고 싶습니다. 다음과 같이 디스패치 작업 이름에 모듈 이름을 사용할 수 있다고 생각했습니다. // store/modules/gameboard.js const actions = { myaction ({dispatch}) { ... dispatch('notification/triggerSelfDismissingNotifcation', {...}) } } // …

159 vue.js vuejs2 vuex

3

Vue.js에서 이벤트 및 인수를 v-on에 전달

v-on:input지시문에 매개 변수를 전달합니다 . 전달하지 않으면 메소드의 이벤트에 액세스 할 수 있습니다. 매개 변수를 함수에 전달할 때 여전히 이벤트에 액세스 할 수있는 방법이 있습니까? 내가 vue-router를 사용하고 있지는 않습니다. 이것은 매개 변수를 전달하지 않은 것입니다. 이벤트 객체에 액세스 할 수 있습니다 HTML <input type="number" v-on:input="addToCart" min="0" placeholder="0"> 자바 스크립트 …

158 vue.js

11

페이지가로드되는 동안 VueJS 구문을 숨기려면 어떻게합니까?

아마도 이것은 사소한 질문 일 것입니다. 따라서 브라우저에서 vuejs 응용 프로그램을 실행하면 다운로드 속도를 조절할 수 있습니다 (연결 속도가 느림). 브라우저에서 미완성 된 vue 구문 출력을 얻었습니다. 전체 페이지가로드되기 전에 이미지로드 를 표시 하여이 문제를 해결할 수는 있지만이 문제를 해결하는 가장 좋은 해결책이 있습니까?

156 javascript vue.js

13

자식 구성 요소의 vuejs 업데이트 부모 데이터

vuejs (2.0)로 게임을 시작합니다. 하나의 구성 요소가 포함 된 간단한 페이지를 작성했습니다. 이 페이지에는 데이터가있는 하나의 Vue 인스턴스가 있습니다. 해당 페이지에서 구성 요소를 html에 등록하고 추가했습니다. 구성 요소에는 하나가 input[type=text]있습니다. 그 값이 부모 (주 Vue 인스턴스)에 반영되기를 원합니다. 구성 요소의 상위 데이터를 올바르게 업데이트하려면 어떻게합니까? 부모로부터 바운드 소품을 전달하는 것은 …

155 javascript vue.js vue-component

12

VueJS 구성 요소에 외부 JS 스크립트를 추가하는 방법

지불 게이트웨이에 두 개의 외부 스크립트를 사용해야합니다. 지금은 둘 다 index.html파일에 저장됩니다. 그러나 처음에는 이러한 파일을로드하고 싶지 않습니다. 결제 게이트웨이는 사용자가 특정 구성 요소를 열 때에 만 필요합니다 ( using router-view). 어쨌든 이것을 달성 할 수 있습니까?

151 javascript vue.js vuejs2 vue-component vue-router

11

forEach는 JavaScript 배열에서 함수 오류가 아닙니다.

간단한 루프를 만들려고합니다. const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) 그러나 다음과 같은 오류가 발생합니다. VM384 : 53 Uncaught TypeError : parent.children.forEach는 함수가 아닙니다 parent.children로그 에도 불구하고 : 무엇이 문제 일 수 있습니까? 참고 : 다음은 JSFiddle 입니다.

145 javascript ecmascript-6 vue.js

13

Vue2에서 디 바운스를 구현하는 방법은 무엇입니까?

Vue 템플릿에 간단한 입력 상자가 있으며 다음과 같이 디 바운스를 사용하고 싶습니다. <input type="text" v-model="filterKey" debounce="500"> 그러나이 debounce속성은 Vue 2에서 더 이상 사용되지 않습니다 . 권장 사항에는 "v-on : input + 타사 디 바운스 기능 사용"만 나와 있습니다. 어떻게 올바르게 구현합니까? lodash , v-on : input 및 v-model을 사용하여 구현하려고 …

143 vue.js vuejs2 debouncing

3

Vue 데이터에서 href로 값을 전달하는 방법은 무엇입니까?

나는 이런 식으로하려고합니다. <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> API 호출을 할 수 있도록 속성 r.id끝에 값을 추가하는 방법을 알 수 없습니다 href. 어떤 제안?

142 vue.js vue-router

2

Vue 구성 요소 소품의 기본값 및 사용자가 소품을 설정하지 않았는지 확인하는 방법은 무엇입니까?

1. Vue 2에서 컴포넌트 소품의 기본값을 어떻게 설정합니까? 예를 들어, 다음과 같이 movies사용할 수 있는 간단한 구성 요소가 있습니다. <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } 그러나 사용자가 다음을 지정하지 않으면 year: <movies></movies> 그런 다음 구성 요소는 year소품에 대해 일부 기본값을 사용합니다 . 2. 또한 사용자가 소품을 …

139 javascript vue.js vue-component

14

'Unchecked runtime.lastError : The message port closed before a response was received'크롬 문제를 해결하는 방법?

내 프로젝트에 VueJS와 Laravel을 사용하고 있습니다. 이 문제는 최근에 나타나기 시작했으며 이전 git 브랜치에서도 나타납니다. 이 오류는 Chrome 브라우저에서만 표시됩니다.

138 laravel google-chrome vue.js

«vue.js» 태그된 질문