Vue Vue에서 antv 예제 코드 사용하기 하나, vue 원형에서 사용 1. 먼저 antv/g2 설치 2. 메인에서js에서 vue 원형 실례에 걸기 3. vue 파일에서 mounted 생명주기에서 직접 사용 가능 둘째, 필요에 따라 인용 1. 또는 atv/g2 설치 2. 직접 구성 요소에서 필요에 따라 도입 예제 코드 Vue에서 antv를 사용하는 예시 코드에 대한 이 글을 소개합니다. 더 많은 관련 Vue에서 antv를 사용하는 내... Vueantv Vue Render 함수로 DOM 노드 코드 인스턴스 만들기 render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v-if, v-else, v-show 등 지령은 렌더에서 사용할 수 없기 때문에 스스로 수동으로 실현해야 한다. 자주 사용하는 v-model로 밤을 들어야 한다. 이상은 본문의 전체... VueRender함수dom Vue watch 응답 데이터 구현 방법 분석 vue에서watch를 사용하여 데이터의 변화에 응답합니다.watch의 용법은 대략 세 가지가 있다.다음 코드는 watch의 간단한 사용법입니다.<input type="text" v-model="cityName"/> cityName 값이 바뀔 때마다 감청 처리 함수를 직접 씁니다.수신된 데이터 뒤에 문자열 형식의 메소드 이름을 직접 추가할 수도 있습니다. 이렇게 watch를 사용할 때 하나의 ... Vuewatch응답 Vue 구성 요소 간 데이터 전달 방식(3가지) 데모2 구성 요소에 msg 데이터 연결 상위 어셈블리 하위 구성 요소는props를 정의하여 msg를 사용하고 $emit는 외부의 함수를 터치하여 상위 전송된 값을 변경합니다 상위 어셈블리 서브어셈블리에서this.$attrs는 구성 요소에 연결된 속성을 수집합니다 $listeners는 구성 요소에 연결된 방법을 수집합니다.상위 어셈블리의 값을 실수로 전달할 수 있습니다. 상위 어셈블리 서브어셈... Vue구성 요소 간데이터 전달 Vue 전환 div 표시 숨기기, 다중 선택, 단일 코드 확인 div 표시 숨기기 전환 1) 단일 item 아래의 일부dom 구조, 표시 또는 숨기기 전환, 다른 동급dom의 표시/숨기기 수정 없음 templatedom 구조 script js less 스타일 2) 단일 item, 표시 또는 숨기기 전환은 다른 동급dom의 표시/숨기기를 수정합니다.vue의 계산 속성을 이용하여computed 단선을 선택하고 선택을 누르면 취소할 수 없습니다 templat... Vuediv감추다다선단선 Vue 프로젝트에서 데이터의 심도 있는 감청 또는 객체 속성에 대한 감청 인스턴스 watch는 우리가 자주 사용하는 데이터 형식 값의 변화를 매우 편리하게 감청할 수 있지만 보통 우리가 한 대상의 어떤 속성 값의 변화를 감청하고 싶을 때 우리가 예상한 효과에 도달하기 어렵다.vue의 문서에 따르면 데이터의 깊이 있는 감청을 사용하여 이 효과를 얻을 수 있음을 발견하기 어렵지 않다.구체적인 실현은 다음과 같다. 보충 지식: vue의 감청 속성과 계산 속성 따라서 계산 속성을... Vue감청대상속성 Vue 클릭하여 Class 변경 사항을 전환하여 Active 현재 스타일 작업 수행 Vue에 입문한 지 얼마 되지 않아 제작 과정에서 간단하고 실용적인 팁을 많이 만났습니다. 잉크가 많지 않으니 코드를 눌러라. 1. 현재 클릭한 요소를 저장하기 위해 데이터에 변수를 추가합니다 2. Template에 있는 코드는 @click 방법에서 index를 보내야 한다는 것을 명심하세요. 3. 클릭 이벤트: 데이터에서 active Class의 값을 변경합니다 4. 스타일에 적으세요.ac... VueClassActive스타일 Vue 프로젝트의 앞뒤 부분 연결(proxyTable을 사용하여 도메인 간 방식) vue 로컬 프로젝트 디버깅 온라인 인터페이스에 크로스 필드 문제 발생 사용 방법: vue는 프로필에 proxyTable을 제공하여 크로스 필드, config 폴더의 index를 설정합니다.js 파일 pathRewrite에서'^/api'의 역할에 관하여: 에이전트를 사용하려면 우선 이 연결을 에이전트로 해야 한다는 표지가 있어야 한다.그렇지 않으면 당신의 html, css, js 등 정적 자... Vue앞뒤 끝연조proxyTable도메인 간 Vue 지우기 타이머 setInterval 최적화 방안 공유 두 가지 방안은 타이머를 제거하고 개발자는 자주 방안 1을 사용하며 방안 2를 권장합니다. 시나리오 1 우선 데이터 함수에 타이머 이름을 정의합니다. 그런 다음 타이머를 사용합니다. 마지막으로 beforeDestroy() 라이프 사이클에서 타이머를 지웁니다. 방안 1은 두 가지 좋지 않은 점이 있는데 특히 큰 말을 인용하면 다음과 같다. 이 구성 요소의 실례에 이timer를 저장해야 합니다.... Vue타이머setInterval Vue의 라이프 사이클 beforeDestory가 트리거되지 않는 문제 해결 유용한 경험을 공유합니다. router-view에keep-alive를 추가하여 구성 요소 캐시를 만들었기 때문에beforeDestory와destoryed를 터치하지 않습니다 끝! 보충 지식: vuex actions가 vue-resource를 정확하게 사용하는 방식(Error in mounted hook: "TypeError: Cannot read property'get'of u) 장면 . S... Vue라이프 사이클beforeDestory Vue 이동 끝 지점의 300ms 지연 문제 해결 1. 모듈 설치 cnpm install fastclick -S 2. 메인에서js에 도입하고 body에 귀속 import FastClick from 'fastclick' FastClick.attach(document.body); better-scroll과fastclick이 충돌하여 클릭할 수 없을 때: 보충 지식: @types/fastclick vue+ts에서 사용 1、ts를 사용한 vue 프... Vue300ms딜레이 Vue의 this.$options.데이터 () 및this.$데이터 사용법 설명 문제 프로젝트에서 문제가 발생했습니다.this.$로options.데이터 () 구성 요소 데이터를 리셋할 때 데이터 () 에서this로 가져온props나 method는 undefined이고 코드는 다음과 같이 간소화됩니다. resetData () 를 호출한 다음 methodB () 를 호출할 때this.A.a와 this.B는 undefined입니다. 해결하다 resetData에 다음과 같이 쓰... Vuethisoptionsdata Vue 어셈블리에서 여러 번 사용자 정의 매개변수 작업 재사용 추가 정보: VUE 구성 요소(슬롯 slot 및 재사용 가능 구성 요소) 하위 구성 요소의 일부 내용이 부모 구성 요소를 통해 DOM을 전달할 때 부모 구성 요소props 전가의 비교적 좌절된 문법을 사용하지 않아도 된다. (4) 구성 해제 슬롯 구성 요소에 슬롯 요소를 성명한 후에 구성 요소 요소에 쓴 내용이 여기까지 온다. (1) 하위 구성 요소에 세 개의 슬롯 탭을 정의했습니다. (2)... Vue구성 요소사용자 정의매개 변수 Vue $emit()가 상위 구성 요소 메서드를 트리거할 수 없는 이유 및 해결 $emit 전송된 이벤트 이름은 소문자만 사용할 수 있고, 대문자 낙타 봉 규칙을 사용할 수 없습니다. 만약 수정한 후에도 여전히 안 된다면 바꾸어라. this.$parent.Event(Event가 상위 어셈블리의 사용자 정의 방법) 보충 지식: Vue.js $emit 트리거 이벤트로 구덩이 채우기 vue의 구성 요소 내에서 외부 이벤트를 촉발하는 것은 작용하지 않습니다 vue의 구성 요소 ... Vueemit촉발상위 어셈블리 Vue 해결 this.$를 통해refs에서 DOM 또는 구성 요소 오류 문제를 가져옵니다. 일반 요소에 ref 속성을 추가하면this.$refs.name 은 DOM 요소를 가리킵니다. 만약 ref 속성이 구성 요소에 추가된다면this.$refs.name 이 구성 요소 실례를 가리키다 비교적 흔히 볼 수 있는 장면: 탄창이 열릴 때this.$를 통해refs에서 내용을 가져오면 xxx is undefined 오류가 발생합니다 ref 자체가 렌더링 결과로 만들어졌기 때문에 렌더링할 때 ... VuethisrefsDOM구성 요소 Vue Render 함수 원리 및 코드 인스턴스 해석 간단하게 말하자면, vue에서 우리는 템플릿 HTML 문법으로 페이지를 구성하고, render 함수를 사용하여 우리는 js 언어로 DOM을 구축할 수 있다 vue는 가상 DOM이기 때문에template 템플릿을 받을 때도 VNode의 함수로 번역해야 하고,render 함수로 DOM을 구축하면 vue는 번역 과정을 면합니다. render 함수를 사용하여 가상 DOM을 설명할 때 vue는 함수를... VueRender함수 vscode에서 Vue 별명 경로 알림의 실현 개발 장면 Vue 프레임워크를 사용하여 프로젝트 개발을 진행할 때 vue.config.js에 경로 별명을 설정한 후 다른 페이지에 구성 요소를 도입하고 css를 도입하며 정적 파일 경로를 도입할 때 경로 별명을 사용하면 경로를 지능적으로 제시하지 않습니다.vscode에 플러그인을 설치했지만 소용이 없습니다.이렇게 하면 경로 맞춤법 오류의 저능 문제가 발생하기 쉬우며, 동시에 개발 효율을 떨어... vscodeVue별칭경로힌트 Vue 공통 매개변수 전송 작업 요청 나는 쓸데없는 말을 더 이상 하지 않겠다. 모두들 코드를 직접 보는 것이 좋겠다. 보충 지식: Vue 연합axios가 백그라운드post 요청을 보낼 때의 매개 변수 문제 처음에 vue-resource를 사용했는데 나중에 이게 업데이트가 안 된 지 오래됐어요. 그리고 작가조차도 axios를 추천했어요. 그러면 저는 axios를 사용할게요. axios로 바꾼 후에 문제가 생겼어요. 매개 변수 문... Vue요청하다공공매개 변수 Vue(타이머)는 mounted가 데이터에 가져올 수 없는 데이터 문제를 해결합니다 vue에서 데이터 정의 vue에서 타이머를 사용하면 다음과 같이 mounted는 갈고리 함수입니다. 왜 이러지? 왜냐하면 타이머의this는 윈도우를 가리킨다. 그럼 어떤 방법으로 이 문제를 해결할 수 있습니까?답은 있어요. 두 가지. 첫 번째: 화살표 함수로: 화살표 함수의this 지향은 고정불변(함수를 정의할 때의 지향)이고 vue에서 vue를 가리킨다. 두 번째: var that=this... Vue타이머mounteddata Vue는 echart가 element의 tab 전환 시 부정확한 문제를 해결합니다 최근 프로젝트에서 이러한 상황을 만났습니다.tab 컨트롤에 여러 개의 echart 아이콘을 렌더링한 다음 보기를 전환할 때 도표의 폭이 정확하지 않은 것을 발견합니다 원인: 페이지를 불러올 때 숨겨진 도표가 대응하는div 크기를 찾을 수 없기 때문에 기본적으로 크기를 주었습니다.그래서 해야 할 일은 페이지를 불러올 때 도표를 초기화하는 것이다. 인터넷의 해결 방안은 대부분tab의 전환 이벤트... Vueechartelementtab Vue 프로젝트에서 Element ui 주마등을 사용하여 수행할 수 없는 문제 해결 1. vue 프로젝트에 elementui 도입 http://element.eleme.io/#/zh-CN/component/carousel 도입 후 HTML 섹션 JS 섹션 웹팩으로 구축된 프로젝트는 절대 경로를 직접 사용할 수 없습니다. 리퀴어를 사용하려면 이걸 사용하지 않으면 온라인 그림이어야 합니다.http 형식의 보충 지식: vue 사용 요소 UI 프레임워크를 바탕으로 주마등 이미지 높... VueElementui주마등 Vue에서 keepalive 캐시 해제 문제 해결 1. 앱 보기.vue 파일, 이게 포인트입니다. 더하는 것을 잊어서는 안 됩니다. 2. 라우터를 봅니다.js 3. 캐시가 필요한 페이지에 다음과 같은 코드를 추가합니다 갈고리 함수 실행 순서 첨부: keep-alive를 사용하지 않습니다. beforeRouteEnter --> created --> mounted --> destroyed keep-alive 사용하기 beforeRouteEnte... VuekeepAlive캐시 Vue 최적화: 자주 발생하는 메모리 유출 문제 및 최적화 상세 정보 SPA의 디자인에서 사용자가 그것을 사용할 때 브라우저를 새로 고칠 필요가 없기 때문에 자바스크립트 응용 프로그램은 쓰레기 회수가 예상한 방식으로 효력을 발생하도록 구성 요소를 스스로 정리해야 한다.따라서 vue 개발 과정에서 메모리 유출 문제를 항상 경계해야 합니다. 그리고 우리는 v-if 명령을 통해 가상 DOM에서 그것을 추가하거나 제거하는 디스플레이/숨김 단추를 사용했습니다.이 예시의... Vue최적화메모리누설 Vue 실행 방법, 방법 데이터 값 가져오기, 데이터 값 설정, 방법 전송 작업 메서드에 쓰기 v-on:click="run()" @click="run()" 방법은this를 통해 데이터의 데이터를 가져옵니다.데이터 획득 방법은 데이터의 데이터를this를 통해 설정합니다.데이터 =''설정 예를 들면 이것을 통해.list=[1,2,3],list의 값을 설정하여 페이지가 순환하는list @click='run('123')'을 통해 방법으로 값을 전달할 수 있습니다 @click="... Vue방법data전가 Vue 터치 input 선택 파일 클릭 이벤트 작업 CSS HTML Script 보충 지식: vue에서 압축할 때 몇 개의 파일을 선택하여 압축하고 게으름 피우기 직접 코드 이렇게 모든 g-Device Manage 파일이 묶여있어요. 이상의 이 Vue 터치 input 선택 파일 클릭 이벤트 조작은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.... Vue촉발input클릭이벤트 Vue에서 props 값을 실시간으로 전달하고 수정할 수 있는 작업 우리 모두는props값이 읽기만 하는 것을 알고 있으며, 하위 구성 요소 내에서 직접 수정할 수 없으며, 오류가 발생할 수 있습니다 그러나 이 값은 하위 구성 요소가 자발적으로 수정해야 하는 경우가 많습니다. 다음과 같은 방식으로 구현할 수 있습니다. 1. 부모 구성 요소가 실시간으로 props 값을 수정할 때 하위 구성 요소는 변경을 받을 수 있다 2. 서브어셈블리가 이 값을 능동적으로 수... Vueprops전달하다
Vue에서 antv 예제 코드 사용하기 하나, vue 원형에서 사용 1. 먼저 antv/g2 설치 2. 메인에서js에서 vue 원형 실례에 걸기 3. vue 파일에서 mounted 생명주기에서 직접 사용 가능 둘째, 필요에 따라 인용 1. 또는 atv/g2 설치 2. 직접 구성 요소에서 필요에 따라 도입 예제 코드 Vue에서 antv를 사용하는 예시 코드에 대한 이 글을 소개합니다. 더 많은 관련 Vue에서 antv를 사용하는 내... Vueantv Vue Render 함수로 DOM 노드 코드 인스턴스 만들기 render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v-if, v-else, v-show 등 지령은 렌더에서 사용할 수 없기 때문에 스스로 수동으로 실현해야 한다. 자주 사용하는 v-model로 밤을 들어야 한다. 이상은 본문의 전체... VueRender함수dom Vue watch 응답 데이터 구현 방법 분석 vue에서watch를 사용하여 데이터의 변화에 응답합니다.watch의 용법은 대략 세 가지가 있다.다음 코드는 watch의 간단한 사용법입니다.<input type="text" v-model="cityName"/> cityName 값이 바뀔 때마다 감청 처리 함수를 직접 씁니다.수신된 데이터 뒤에 문자열 형식의 메소드 이름을 직접 추가할 수도 있습니다. 이렇게 watch를 사용할 때 하나의 ... Vuewatch응답 Vue 구성 요소 간 데이터 전달 방식(3가지) 데모2 구성 요소에 msg 데이터 연결 상위 어셈블리 하위 구성 요소는props를 정의하여 msg를 사용하고 $emit는 외부의 함수를 터치하여 상위 전송된 값을 변경합니다 상위 어셈블리 서브어셈블리에서this.$attrs는 구성 요소에 연결된 속성을 수집합니다 $listeners는 구성 요소에 연결된 방법을 수집합니다.상위 어셈블리의 값을 실수로 전달할 수 있습니다. 상위 어셈블리 서브어셈... Vue구성 요소 간데이터 전달 Vue 전환 div 표시 숨기기, 다중 선택, 단일 코드 확인 div 표시 숨기기 전환 1) 단일 item 아래의 일부dom 구조, 표시 또는 숨기기 전환, 다른 동급dom의 표시/숨기기 수정 없음 templatedom 구조 script js less 스타일 2) 단일 item, 표시 또는 숨기기 전환은 다른 동급dom의 표시/숨기기를 수정합니다.vue의 계산 속성을 이용하여computed 단선을 선택하고 선택을 누르면 취소할 수 없습니다 templat... Vuediv감추다다선단선 Vue 프로젝트에서 데이터의 심도 있는 감청 또는 객체 속성에 대한 감청 인스턴스 watch는 우리가 자주 사용하는 데이터 형식 값의 변화를 매우 편리하게 감청할 수 있지만 보통 우리가 한 대상의 어떤 속성 값의 변화를 감청하고 싶을 때 우리가 예상한 효과에 도달하기 어렵다.vue의 문서에 따르면 데이터의 깊이 있는 감청을 사용하여 이 효과를 얻을 수 있음을 발견하기 어렵지 않다.구체적인 실현은 다음과 같다. 보충 지식: vue의 감청 속성과 계산 속성 따라서 계산 속성을... Vue감청대상속성 Vue 클릭하여 Class 변경 사항을 전환하여 Active 현재 스타일 작업 수행 Vue에 입문한 지 얼마 되지 않아 제작 과정에서 간단하고 실용적인 팁을 많이 만났습니다. 잉크가 많지 않으니 코드를 눌러라. 1. 현재 클릭한 요소를 저장하기 위해 데이터에 변수를 추가합니다 2. Template에 있는 코드는 @click 방법에서 index를 보내야 한다는 것을 명심하세요. 3. 클릭 이벤트: 데이터에서 active Class의 값을 변경합니다 4. 스타일에 적으세요.ac... VueClassActive스타일 Vue 프로젝트의 앞뒤 부분 연결(proxyTable을 사용하여 도메인 간 방식) vue 로컬 프로젝트 디버깅 온라인 인터페이스에 크로스 필드 문제 발생 사용 방법: vue는 프로필에 proxyTable을 제공하여 크로스 필드, config 폴더의 index를 설정합니다.js 파일 pathRewrite에서'^/api'의 역할에 관하여: 에이전트를 사용하려면 우선 이 연결을 에이전트로 해야 한다는 표지가 있어야 한다.그렇지 않으면 당신의 html, css, js 등 정적 자... Vue앞뒤 끝연조proxyTable도메인 간 Vue 지우기 타이머 setInterval 최적화 방안 공유 두 가지 방안은 타이머를 제거하고 개발자는 자주 방안 1을 사용하며 방안 2를 권장합니다. 시나리오 1 우선 데이터 함수에 타이머 이름을 정의합니다. 그런 다음 타이머를 사용합니다. 마지막으로 beforeDestroy() 라이프 사이클에서 타이머를 지웁니다. 방안 1은 두 가지 좋지 않은 점이 있는데 특히 큰 말을 인용하면 다음과 같다. 이 구성 요소의 실례에 이timer를 저장해야 합니다.... Vue타이머setInterval Vue의 라이프 사이클 beforeDestory가 트리거되지 않는 문제 해결 유용한 경험을 공유합니다. router-view에keep-alive를 추가하여 구성 요소 캐시를 만들었기 때문에beforeDestory와destoryed를 터치하지 않습니다 끝! 보충 지식: vuex actions가 vue-resource를 정확하게 사용하는 방식(Error in mounted hook: "TypeError: Cannot read property'get'of u) 장면 . S... Vue라이프 사이클beforeDestory Vue 이동 끝 지점의 300ms 지연 문제 해결 1. 모듈 설치 cnpm install fastclick -S 2. 메인에서js에 도입하고 body에 귀속 import FastClick from 'fastclick' FastClick.attach(document.body); better-scroll과fastclick이 충돌하여 클릭할 수 없을 때: 보충 지식: @types/fastclick vue+ts에서 사용 1、ts를 사용한 vue 프... Vue300ms딜레이 Vue의 this.$options.데이터 () 및this.$데이터 사용법 설명 문제 프로젝트에서 문제가 발생했습니다.this.$로options.데이터 () 구성 요소 데이터를 리셋할 때 데이터 () 에서this로 가져온props나 method는 undefined이고 코드는 다음과 같이 간소화됩니다. resetData () 를 호출한 다음 methodB () 를 호출할 때this.A.a와 this.B는 undefined입니다. 해결하다 resetData에 다음과 같이 쓰... Vuethisoptionsdata Vue 어셈블리에서 여러 번 사용자 정의 매개변수 작업 재사용 추가 정보: VUE 구성 요소(슬롯 slot 및 재사용 가능 구성 요소) 하위 구성 요소의 일부 내용이 부모 구성 요소를 통해 DOM을 전달할 때 부모 구성 요소props 전가의 비교적 좌절된 문법을 사용하지 않아도 된다. (4) 구성 해제 슬롯 구성 요소에 슬롯 요소를 성명한 후에 구성 요소 요소에 쓴 내용이 여기까지 온다. (1) 하위 구성 요소에 세 개의 슬롯 탭을 정의했습니다. (2)... Vue구성 요소사용자 정의매개 변수 Vue $emit()가 상위 구성 요소 메서드를 트리거할 수 없는 이유 및 해결 $emit 전송된 이벤트 이름은 소문자만 사용할 수 있고, 대문자 낙타 봉 규칙을 사용할 수 없습니다. 만약 수정한 후에도 여전히 안 된다면 바꾸어라. this.$parent.Event(Event가 상위 어셈블리의 사용자 정의 방법) 보충 지식: Vue.js $emit 트리거 이벤트로 구덩이 채우기 vue의 구성 요소 내에서 외부 이벤트를 촉발하는 것은 작용하지 않습니다 vue의 구성 요소 ... Vueemit촉발상위 어셈블리 Vue 해결 this.$를 통해refs에서 DOM 또는 구성 요소 오류 문제를 가져옵니다. 일반 요소에 ref 속성을 추가하면this.$refs.name 은 DOM 요소를 가리킵니다. 만약 ref 속성이 구성 요소에 추가된다면this.$refs.name 이 구성 요소 실례를 가리키다 비교적 흔히 볼 수 있는 장면: 탄창이 열릴 때this.$를 통해refs에서 내용을 가져오면 xxx is undefined 오류가 발생합니다 ref 자체가 렌더링 결과로 만들어졌기 때문에 렌더링할 때 ... VuethisrefsDOM구성 요소 Vue Render 함수 원리 및 코드 인스턴스 해석 간단하게 말하자면, vue에서 우리는 템플릿 HTML 문법으로 페이지를 구성하고, render 함수를 사용하여 우리는 js 언어로 DOM을 구축할 수 있다 vue는 가상 DOM이기 때문에template 템플릿을 받을 때도 VNode의 함수로 번역해야 하고,render 함수로 DOM을 구축하면 vue는 번역 과정을 면합니다. render 함수를 사용하여 가상 DOM을 설명할 때 vue는 함수를... VueRender함수 vscode에서 Vue 별명 경로 알림의 실현 개발 장면 Vue 프레임워크를 사용하여 프로젝트 개발을 진행할 때 vue.config.js에 경로 별명을 설정한 후 다른 페이지에 구성 요소를 도입하고 css를 도입하며 정적 파일 경로를 도입할 때 경로 별명을 사용하면 경로를 지능적으로 제시하지 않습니다.vscode에 플러그인을 설치했지만 소용이 없습니다.이렇게 하면 경로 맞춤법 오류의 저능 문제가 발생하기 쉬우며, 동시에 개발 효율을 떨어... vscodeVue별칭경로힌트 Vue 공통 매개변수 전송 작업 요청 나는 쓸데없는 말을 더 이상 하지 않겠다. 모두들 코드를 직접 보는 것이 좋겠다. 보충 지식: Vue 연합axios가 백그라운드post 요청을 보낼 때의 매개 변수 문제 처음에 vue-resource를 사용했는데 나중에 이게 업데이트가 안 된 지 오래됐어요. 그리고 작가조차도 axios를 추천했어요. 그러면 저는 axios를 사용할게요. axios로 바꾼 후에 문제가 생겼어요. 매개 변수 문... Vue요청하다공공매개 변수 Vue(타이머)는 mounted가 데이터에 가져올 수 없는 데이터 문제를 해결합니다 vue에서 데이터 정의 vue에서 타이머를 사용하면 다음과 같이 mounted는 갈고리 함수입니다. 왜 이러지? 왜냐하면 타이머의this는 윈도우를 가리킨다. 그럼 어떤 방법으로 이 문제를 해결할 수 있습니까?답은 있어요. 두 가지. 첫 번째: 화살표 함수로: 화살표 함수의this 지향은 고정불변(함수를 정의할 때의 지향)이고 vue에서 vue를 가리킨다. 두 번째: var that=this... Vue타이머mounteddata Vue는 echart가 element의 tab 전환 시 부정확한 문제를 해결합니다 최근 프로젝트에서 이러한 상황을 만났습니다.tab 컨트롤에 여러 개의 echart 아이콘을 렌더링한 다음 보기를 전환할 때 도표의 폭이 정확하지 않은 것을 발견합니다 원인: 페이지를 불러올 때 숨겨진 도표가 대응하는div 크기를 찾을 수 없기 때문에 기본적으로 크기를 주었습니다.그래서 해야 할 일은 페이지를 불러올 때 도표를 초기화하는 것이다. 인터넷의 해결 방안은 대부분tab의 전환 이벤트... Vueechartelementtab Vue 프로젝트에서 Element ui 주마등을 사용하여 수행할 수 없는 문제 해결 1. vue 프로젝트에 elementui 도입 http://element.eleme.io/#/zh-CN/component/carousel 도입 후 HTML 섹션 JS 섹션 웹팩으로 구축된 프로젝트는 절대 경로를 직접 사용할 수 없습니다. 리퀴어를 사용하려면 이걸 사용하지 않으면 온라인 그림이어야 합니다.http 형식의 보충 지식: vue 사용 요소 UI 프레임워크를 바탕으로 주마등 이미지 높... VueElementui주마등 Vue에서 keepalive 캐시 해제 문제 해결 1. 앱 보기.vue 파일, 이게 포인트입니다. 더하는 것을 잊어서는 안 됩니다. 2. 라우터를 봅니다.js 3. 캐시가 필요한 페이지에 다음과 같은 코드를 추가합니다 갈고리 함수 실행 순서 첨부: keep-alive를 사용하지 않습니다. beforeRouteEnter --> created --> mounted --> destroyed keep-alive 사용하기 beforeRouteEnte... VuekeepAlive캐시 Vue 최적화: 자주 발생하는 메모리 유출 문제 및 최적화 상세 정보 SPA의 디자인에서 사용자가 그것을 사용할 때 브라우저를 새로 고칠 필요가 없기 때문에 자바스크립트 응용 프로그램은 쓰레기 회수가 예상한 방식으로 효력을 발생하도록 구성 요소를 스스로 정리해야 한다.따라서 vue 개발 과정에서 메모리 유출 문제를 항상 경계해야 합니다. 그리고 우리는 v-if 명령을 통해 가상 DOM에서 그것을 추가하거나 제거하는 디스플레이/숨김 단추를 사용했습니다.이 예시의... Vue최적화메모리누설 Vue 실행 방법, 방법 데이터 값 가져오기, 데이터 값 설정, 방법 전송 작업 메서드에 쓰기 v-on:click="run()" @click="run()" 방법은this를 통해 데이터의 데이터를 가져옵니다.데이터 획득 방법은 데이터의 데이터를this를 통해 설정합니다.데이터 =''설정 예를 들면 이것을 통해.list=[1,2,3],list의 값을 설정하여 페이지가 순환하는list @click='run('123')'을 통해 방법으로 값을 전달할 수 있습니다 @click="... Vue방법data전가 Vue 터치 input 선택 파일 클릭 이벤트 작업 CSS HTML Script 보충 지식: vue에서 압축할 때 몇 개의 파일을 선택하여 압축하고 게으름 피우기 직접 코드 이렇게 모든 g-Device Manage 파일이 묶여있어요. 이상의 이 Vue 터치 input 선택 파일 클릭 이벤트 조작은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.... Vue촉발input클릭이벤트 Vue에서 props 값을 실시간으로 전달하고 수정할 수 있는 작업 우리 모두는props값이 읽기만 하는 것을 알고 있으며, 하위 구성 요소 내에서 직접 수정할 수 없으며, 오류가 발생할 수 있습니다 그러나 이 값은 하위 구성 요소가 자발적으로 수정해야 하는 경우가 많습니다. 다음과 같은 방식으로 구현할 수 있습니다. 1. 부모 구성 요소가 실시간으로 props 값을 수정할 때 하위 구성 요소는 변경을 받을 수 있다 2. 서브어셈블리가 이 값을 능동적으로 수... Vueprops전달하다