factcode

Route Update 이전과 '$route' 감시와의 차이점 - Vue.js? 아시다시피 사용하는 컴포넌트와 동일한 컴포넌트의 파라미터 변경에 대응하기 위해beforeRouteUpdate후크 또는 감시$route. $route 감시: const User = { template: '...', watch: { '$route' (to, from) { // react to route changes... } } } beforeRouteUpdate 메서드: const User = { template: '...', beforeRouteUpdate (to, from, next) { // react to route changes... next() } } 이 둘의 차이점은 무엇입니까?둘 다 같은 경우 vue 라우터가 도..

Vue.js의 'data:'와 'data()'의 차이점은 무엇입니까? 데이터 옵션을 두 가지 방법으로 사용했습니다.첫 번째 스니펫 데이터 객체는 키 값을 포함하지만 두 번째 데이터는 함수이다.개인에게 혜택이 있나요?Vue.js Docs에서 관련 설명을 찾을 수 없습니다.다음 2개의 코드 스니펫이 있습니다. new Vue({ el: "#app", data: { message: 'hello mr. magoo' } }); new Vue({ el: "#app", data() { return { message: 'hello mr. magoo' } } }); 둘 다 같은 결과를 내게 주고 있다.당신의 구체적인 코드 예를 고려할 때 당신의 질문에 대한 코멘트가 요점을 놓친 것 같습니다. 루트 Vue 인스턴스(예:ne..

Vue CLI 3에서 vue 라우터 플러그인을 설치하려면 어떻게 해야 합니까? 그래서 저는 Vue CLI 3.0.0rc8을 사용하여 프로젝트를 셋업하고 있습니다.그것은 꽤 훌륭한 툴이지만 문제가 있습니다.프로젝트용 라우터 플러그인을 설치하려고 하는데vue add router, 알 수 있습니다. (node:2706) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'routerHistoryMode' of undefined at module.exports (/home/joshua/programs/firstwebapp/frontend/node_modules/@vue/cli-service/generator/router/index.js:10:2..

웹 팩을 통한 깜박임이 다른 결과를 반환함 npm을 사용하여 Flickity를 설치합니다.npm i flickity플리키 버전은2.2.0 그러면 이렇게 전화를 해서 사용합니다. import Flickity from 'flickity' const flickity = new Flickity(el, options) console.log(flickity) 기능을 확인했습니다.Flickity웹 팩을 통해 구축한 후 최소화된 것을 깨닫고 다른 결과를 반환하는 것 같습니다.flickity물건.따라서 flickity 객체의 액션/메서드가 다르게 동작합니다.자세한 설명은 아래 첨부된 스크린샷을 참조하십시오. 개발 환경: 웹 팩을 통해 최소화: 이 문제를 해결하기 위해 제 상황에 어떤 문제가 있는지 제안해 주실 수 있나요..

Vue.js를 사용한 Facebook 로그인 컴포넌트 및 증폭 다음은 Vue에 있는 자체 Facebook 로그인 컴포넌트의 소스입니다.AWS Amplify에서 사용하려고 합니다.Facebook 로그인 화면이 정상적으로 표시되고 AWS cognito에서 ID를 얻을 수 있습니다.하지만 일이 잘 풀리지 않는다. 이 코드는 React 예시의 포트입니다.https://serverless-stack.com/chapters/facebook-login-with-cognito-using-aws-amplify.html 다음과 같이 authState에 변경을 가함으로써 이 Facebook 로그인을 기존 Amplify 오센티케이터 상태 관리 시스템과 연동시키려 합니다. AmplifyEventBus.$emit("authSta..

VueJ가 vue 구성 요소의 외부 Import 메서드에 액세스합니다. 외부 Java 스크립트 파일 something.js가 있습니다. function myFun(){ document.getElementById("demo").innerHTML="Hello World!"; } export default myFun; 그리고 이것은 저의 vue 컴포넌트 대시보드입니다.표시하다 Call External JS 두 가지 질문이 있습니다. 먼저 작성한 라이프 사이클훅 내에서 이 메서드를 호출하여 자동으로 실행하는 방법을 알려주세요. 둘째, "외부 JS 호출" 버튼을 눌러 이 메서드를 호출하는 방법 순수 JS 외부 파일의 도움 없이도 vueJ가 쉽게 div의 내용을 변경할 수 있기 때문입니다.하지만 vue 구성 요소 ..

Vue | 특정 NPM 패키지에서 스타일시트를 Import하는 방법 animate.css를 로드하려고 합니다.이 패키지는 다음 명령을 사용하여 설치됩니다.npm install --save animate.css그럼 프로젝트 내에서 Import하는 가장 좋은 방법은 무엇일까요? 정적 폴더 안에 파일을 복사하여 그곳에서 로드하는 몇 가지 해결 방법을 우연히 발견했습니다.하지만 NPM을 패키지에서 옮기면 NPM의 장점을 모두 잃게 되므로 저는 그렇게 하고 싶지 않습니다.응용 프로그램에서 animate.css를 글로벌하게 사용하는 경우 웹 팩 내 module: { loaders: [ { test: /\.css$/, loader: "css-loader" } ] } 메인.main.disclossyslog를 참조해당신..

Vue.JS 커스텀 라디오 버튼 컴포넌트를 두 번 클릭해야 함 커스텀 옵션버튼 컴포넌트에는 다음 HTML 마크업이 있습니다. {{message}} - {{sex}} Male Female 컴포넌트(및 앱)는 다음과 같이 정의됩니다. Vue.component('radio', { model : { prop:'checked', event:'change' }, props : { value:null, name:String }, data : () => ({ val:'' }), methods : { update (e) { this.$emit('change',e.target.value); } }, template:'' }) var app = new Vue({ el: '#app', data: { message: 'sele..

VS Code가 긴 HTML 행을 여러 줄로 분할하지 않도록 하려면 어떻게 해야 합니까? 속성을 가진 요소가 길어지면 VS 코드가 행을 여러 줄로 분할하는 것처럼 보입니다. (요소에 한 줄씩 7줄 대신 3줄로 해 주세요) 더 것을 , ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★printWidth자바스크립트 HTML VS 코드 는 그 물건을 wrapAttributes 및html.format.wrapLineLength세팅은 했지만 효과가 없는 것 같아요 이 문제에 어떻게 대처해야 할까요? 갱신: 당신의 답변에 매우 감사합니다.저는 그들에게서 통보를 받지 못했기 때문에 조치를 취하지 못해서 죄송합니다. 당신의 제안을 모두 시도해..

악시오스 요격기의 Vue-Router vue-cli 3을 사용하여 하나의 프로젝트를 생성하므로 다음을 실행합니다. >vue create my-app; >cd my-app >vue add axios vue create in my-app\src\plugins\file axios.files를 다음 코드로 만듭니다. "use strict"; import Vue from 'vue'; import axios from "axios"; // Full config: https://github.com/axios/axios#request-config // axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || ''; // axios.defaults.hea..