prostudy

어떻게 하면 간단한 Vue 컴파일을 Gulp으로 할 수 있을까? 나는 이미 워크플로우에서 꿀벌을 사용하고 있으며, 현재는 웹팩이나 브라우저파일을 사용하지 않지만, Vue 2.x 구성 요소를 컴파일하는 데는 하나 또는 다른 하나가 필요한 것 같고, Vue 구성 요소를 직접 꿀벌 작업으로 컴파일하기 위한 능동 유지 메커니즘은 없는 것 같다. 검색해 봤는데, 단순히 디렉토리를 작성하기 위한 작업 참조를 찾을 수 없는 것 같아.*.vue내 페이지에서 링크할 수 있는 단일 JavaScript 파일의 구성 요소.나는 단지 SPA를 만드는 것이 아니라, 일부 부품을 만들어서 사용하고 싶다. 내가 가지고 있는 것은 다음과 같다. gulpfile.js.s. const scriptDestFolder = "\\foo\\";..

Vue: 제출 양식의 응답을 다른 페이지에 표시 나는 a를 가지고 있다.에vue서버에게 양식을 보내고 JSON 응답을 받아 콘솔에 인쇄한다.그것은 잘 작동한다. 하지만 나는 그 JSON 응답을 받아 다른 페이지에 표시해야 해.예를 들어, 나는 두 개를 가지고 있다..vue파일:GetAnimal.vue그 형태를 가지고 있고 API와 a에서 동물 데이터를 검색한다.DisplayAnimal.vue동물의 데이터를 표시하는 것.동물 반응 데이터에서GetAnimal.vue로DisplayAnimal.vue. Get Animal.vue: Get animal 응답: 동물 데이터가 있는 JSON을 검색하여 다음과 같이 말하십시오. { "fur-color": "yellow", "population": 51000, "isEx..

VueJs 개체 키/값이 v-for 루프에서 반응하지 않음 나는 다음 문제가 있는데, 어떻게 해야 제대로 다루어야 할지 모르겠다. 구입한 모든 이미지의 "목록"이 내 시야에 가지고 있다.나는 그것들을 v-for loop으로 표시한다.각 이미지에는 진행 막대 요소도 있어 사용자가 다운로드 버튼을 클릭하면 downloadContent 기능이 실행되며 진행 표시줄이 표시되어야 한다. 그래서 내 html은 이렇게 생겼어. 그리고 이건 내 JS 코드야 import Vue from 'vue' import orderService from '../api-services/order.service'; import downloadJs from 'downloadjs'; import ProgressBar from 'vue-si..

ASP에서 VueJS에 의한 경로 처리 방법.엔드포인트를 사용하는 NET Core? ASP로 VueJS SPA를 만들려고 한다.백엔드의 NET 코어 이후dotnet SDK버전3.0.100Vue를 더 이상 지원하지 않고, React 앱을 만들었다. dotnet new react 그리고 교환했다.ClientAppVue 앱으로 rm -rf ClientApp vue create frontend 한 가지를 제외하고 모든 것이 완벽하게 작동한다. 앱 http://localhost:5000을 실행하고 Vue 라우터 링크를 클릭할 때마다 http://localhost:5000/정보라고 말하지만 새로 고침하면 예상 404가 표시됨 GET/정보할 수 없음 브라우저에 URL을 입력하고 직접 액세스한 경우에도 마찬가지다. 디..

vue-cli 구성 요소에서 lib를 빌드하고 가져오기 다음 명령으로 내 lib를 빌드하는 데 vue-cli를 사용하는 경우: "build": "vue-cli-service build --target lib --name myLib ./src/component.vue" 빌드 후 dist 폴더에서 구성 요소를 가져오려면 어떻게 해야 하는가? 가져올 경우path-to-myLib/src/component.vue, 모든 것이 괜찮아!그러나 아래 코드는 작동하지 않는다. // undefined import { component } from 'path-to-myLib/dist/myLib.umd.js' // undefined import myComponent'path-to-myLib/dist/myLib.umd.js' ..

성분 nnxt의 process.env 변수에 액세스할 수 없음 nuxt config에서 나는 Enview object를 가지고 있다. env: { hey: process.env.hey || 'hey' }, 구성 요소 템플릿에 표시하려는 경우: {{ process.env.hey }} 나 에러 받았어. 정의되지 않은 속성의 'env'를 읽을 수 없음 무엇이 그것을 야기시킬 수 있는지 알기나 해?Nuxt < 2.13 process템플릿에는 직접 사용할 수 없지만, 계산된 속성을 생성하거나 구성 요소의 상태에 추가하여 액세스할 수 있다.예를 들면 다음과 같다. {{ message }} export default { computed: { message() { return process.env.hey; }, }, ..

Vue 라우터를 사용하여 리디렉션할 때 매개 변수를 전달하는 방법 여기에 특정 ID로 양식에 액세스하기 전에 먼저 로그인하는 것을 처리하는 샘플 Vue 라우터가 있다. router = new VueRouter({ routes: [ {path: '/form/:id', redirect: '/login'}, {path: '/login', name: 'Login', component: Login} ] }); 내가 http://localhost:8080/form/c101-101을 실행하면 로그인 구성요소로 직접 리디렉션되고 로그인을 시도할 때 로그인이 전달된 :id 매개 변수에 계속 액세스할 수 있는 방법이 있는가?로그인 컴포넌트 내 $route.params.id은 정의되지 않았다.리디렉션 시 :id를 전달할 수..

Vue.js와 함께 dotenv를 사용하는 방법 내 vue 앱에 환경 변수를 추가하려고 해. 여기 나의 내용이 있다..env루트에 위치하는 파일(기본값)src): VUE_APP_GOODREADS_KEY = my_key 그리고 위에 도트 엔비(dot envi)main.js import Vue from 'vue' import App from './App' import VueResource from 'vue-resource' import Vuetify from 'vuetify' import dotenv from 'dotenv' dotenv.config() import { router } from './router' import store from './store' 내 스토어 내에서 이 변수를 사용하려는 경우...

bootstrap-vue의 위치 변경 기본적으로페이지 맨 위에 있는 쇼들속성 시centered태그에 추가됨.중심이다. 다만, 페이지 상단의 아래 일정한 간격을 두고 모달(모달)을 보여주고 싶다. 모달은 홈 페이지가 열리면 나타난다. 앱모달.부에를 하다 //... 앱홈.부에를 하다 // omitted 모달과 관련된 html 소스 // ommitted 당신이 볼 수 있듯이.mymodal클래스가 올바르게 적용됨.하지만 디브.modal-dialog내가 준 css 속성이 없어 개발 도구에 있는 실제 css 속성 .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } 사용자 지정 클래스를 에 추가하려고 시도했다...

공리에서 "이전" 콜백을 구현하는 방법 난 지금 프로젝트를 쓰고 있다.Vue.js(사용)axios파일 업로드 기능 포함. 그 전에 조치를 실행해야 한다.POST요청이 들어오다axios: axios.post('/upload', form, { before: (xhr) => { fileObject.xhr = xhr; }, onUploadProgress: (e) => { //emit progress event etc... console.log('upload progress: ' + e.loaded); } }).then((response) => { console.log('finished...'); //emit finished event etc... }, () => { console.log('error...'); ..