gigabyte

코드 분할 원인에 대한 동적 가져오기: ESLint 구문 분석 오류 'import' VueJS Webpack 템플릿을 사용하고 있습니다.https://github.com/vuejs-templates/webpack 경로 예: const AuthRoute = () => import(/* webpackChunkName: "authroute" */ './AuthRoute.vue') 오류 예: [eslint] 구문 분석 오류:예기치 않은 토큰 Import Webpack의 Dynamic import 섹션과 Anthony Gore의 블로그 투고에 기재되어 있는 라우터 레벨에서의 VueJ에서의 코드 분할 방법에 대해 설명했습니다.구체적으로는 다음과 같습니다. 패키지json ... "babel-core": "^6.22...

Vue.js에서 "async/ait"을 사용할 수 있습니까? 저는 이런 걸 하고 싶어요mounted() {}: await fetchData1(); await fetchData2UsingData1(); doSomethingUsingData1And2(); 그래서 이게 효과가 있을까? async mounted() { await fetchData1(); await fetchData2UsingData1(); doSomethingUsingData1And2(); }, 내 환경에서는 오류가 발생하지 않고 잘 작동하는 것 같습니다.하지만 이번 호에서는async/await라이프 사이클의 훅은 실장되어 있지 않습니다. https://github.com/vuejs/vue/issues/7209 더 자세한 정보는 찾을 수 없었습..

컴포넌트 VUE 2(웹팩)에 외부 js 파일을 로드하는 방법 나는 이미 찾아봤지만 찾을 수 없었다.외부 js 파일에서 url을 취득하여 index.html로 Import합니다.응용 프로그램이 시작될 때 파일이 로드되고 있습니다. 단, 사용자는 기능을 자주 사용하지 않으며 특정 컴포넌트가 호출되었을 때만 이 파일을 업로드하고 싶습니다. 템플릿 웹 팩과 함께 vue cli(vue 2)를 사용하고 있습니다. 저는 다음과 같은 시도를 해봤습니다. import * as PagSeguroDirectPayment from 'https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js'; required('htt..

서비스 워커 이벤트가 호출되고 있음을 App.vue에 알리다 Vue의 PWA 플러그인이 포함된 Vue CLI 3을 사용하여 작성한 프로젝트가 있습니다.여기 '접근 #3' 섹션에 설명된 대로 사용자에게 앱 내 "새로 고침" 링크를 클릭하도록 지시하는 배너를 표시합니다. 단, Vue.js 앱에서는 서비스 워커 코드가 다음과 같이 실행되기 때문에main.js스낵바 배너는 내 안에 내장되어 있다.App.vue컴포넌트, 이 컴포넌트를 기동하는 방법을 모르겠습니다.showRefreshUI()서비스 워커가 한 번 실행한 방법updated()이벤트가 호출되었습니다. main.js(해당 부분) import Vue from 'vue'; import App from './App'; import './registerServi..

VueJS/nuxt 'state'는 store/store.js의 개체를 반환하는 메서드여야 합니다. VueJ는 처음이라 nuxt의 경고가 헷갈립니다. 'state'는 store/store.display 내의 개체를 반환하는 메서드여야 합니다. 그래서 my store.js에는 다음이 포함되어 있습니다(네, 매뉴얼에서 튜토리얼을 시도하고 있습니다). import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export const store = new Vuex.Store({ state() { return { todos: [ { id: 1, text: '...', done: true }, { id: 2, text: '...', done: false } ] ..

vue 컴포넌트에서 App.vue 메서드를 호출하는 방법 아래와 같이 vue 컴포넌트와 vue 요소 선언이 있습니다. Vue.component('todo-item', { template: 'This is a todo' methods: { test: function() { // I am getting an error here app.aNewFunction(); } } }) var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }, methods: { aNewFunction: function() { alert("inside"); } } }) vue 구성 요소에서 vue app의 메서드를 호출하려면 어떻게 해야 합니까?루트 인스턴스 메서드는 다음과 같이..

소품 변경 시 계산된 속성이 업데이트되지 않습니다. 전달된 프로펠러 개체의 중첩된 속성이 변경된 경우 업데이트할 계산된 속성을 가져올 수 없습니다. this.flash는 소품을 통해 전달되지만 이.flash에서는 계산된 속성이 업데이트되지 않습니다.selected Choices(선택사항)second.id 및 this.whttp://filename 을 참조하십시오.selected Choices(선택사항)first.id 가 변경되었습니다. 이걸 어떻게 반응시킬지 생각나는 거 없어? 계산된 속성은 다음과 같습니다. isDisabled() { const hasMultipleChoices = this.favourite.choices.length ? this.favourite.choices[0].value.some..

Vuejs 2 @click.middle이 작동하지 않음 @click.middle하지만 아무 일도 일어나지 않는 것 같습니다.왜 그런지 아는 사람?https://jsfiddle.net/c25e35uh/ Click Me new Vue({ el: '#root', methods: { test () { alert('me') } } }) 문서에는 '이렇게 하다'라고요.@click.middle이벤트 https://vuejs.org/v2/guide/events.html#Mouse-Button-Modifiers에 접속하다mouseDown 이벤트 포착 시도 Click Me new Vue({ el: '#root', methods: { test () { alert('me') } } }) 버그와 인 것 .@click.right..

json 데이터에서 VueJs를 사용하여 목록 요소를 렌더링하는 방법 나는 javascript 코드를 가지고 있다.서버의 json을 사용합니다.코드는 다음과 같습니다. function loadWorkFlowRules() { var wf_id = ; $.post("/api/wfengine/get_wf_rules/", { wf_id: wf_id }, function(result) { var wf_rules = JSON.parse(result).data; if (makeView(wf_rules)) { toastr.success('The Rules are Successfully Loaded!'); } else toastr.info('Welcome to Work Flow Editor'); }); } functio..

vue에서 created() 메서드를 사용하는 경우 저는 Vue.js의 라이프 사이클 훅을 배웠습니다만, created() 함수가 사용되는 실제 시나리오는 찾을 수 없었습니다. created() 함수는 반응성 데이터 및 이벤트에 액세스할 수 있지만 DOM 요소에는 액세스할 수 없습니다.하지만 사실 어떻게 사용하는지 몰라요.Created() 함수가 사용되는 실제 시나리오를 제공할 수 있도록 도와주세요.잘 부탁드립니다.Vue에서는 글로벌이벤트 버스 패턴을 많이 사용합니다. https://alligator.io/vuejs/global-event-bus/ 이벤트 리스너를 설정하는 페이지의 예는 다음과 같습니다. EventBus.$on('i-got-clicked', clickCount => { console.lo..