IE 디버깅을 위해 Vue를 사용하는 방법에 대한 자세한 설명

이번에는 IE에서 디버깅을 위해 Vue를 사용하는 방법에 대한 자세한 설명을 가져왔습니다. 노트는 무엇이며, IE에서 디버깅을 위해 Vue를 사용하는 방법에 대한 자세한 설명은 무엇입니까? .

문제 발견

며칠 전에 작성한 Vue의 일부가 IE에서 비어 있고 f12에 script1003: expected :가 표시됩니다. 그래서 이 글은 이렇습니다...

해결 과정

Baidu, google, json의 마지막 항목에

{
 a: 5,
 b: 4, // 最后一项不能有逗号
}

와 같은 추가 쉼표가 있다고 합니다. 모든 js 파일의 검색 및 수정이 표시되지 않습니다. , 하지만 상황은 아직입니다. . .

다른 방법이 없어서 무적의 현명한 디버깅 기술을 사용했습니다: Comments를 전문에서 한 다음 한 줄씩 주석 처리를 해제하고 마침내 버그 위치를 찾았습니다. 사용자 정의 마우스 오른쪽 버튼 클릭에 문제가 있습니다. 메뉴 플러그인(v-contextmenu). . .

이전부터 스마트한 디버깅 기술을 이어가다 드디어 몇 가지 버그를 발견했습니다. . .

이 플러그인에서 모든 objects의 마지막 항목에는 쉼표가 있어 IE에서 호환되지 않습니다.

{
 a: 5,
 b: 4, // 这个逗号要删除
}

// ie下不支持这种语法
export default {
 bind() {}
}
// 必须在外面定义 function bind() {} 然后
export default {
 bind: bind
}
// 特别告诫，下面这种语法在ie中也是不支持的
export default {
 bind
}

가장 중요한 점은 이 플러그인의 매우 숨겨진 위치에 이 두 줄의 코드가 있다는 것입니다.

if(condition) {
 someArray.push({ a, b })
} else {
 anotherArray.push({ a, b })
}

그리고 { a, b } 이 구문은 IE에서 지원되지 않으며 { a: a, b: b }

로 변경해야 합니다. 이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 주목해 주세요!

추천 자료:

jquery는 요소의 평면 이동을 구현합니다

Vue.js의 리스너 사용 사례 분석 정보

위 내용은 IE 디버깅을 위해 Vue를 사용하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!