2016-11-07 6 views
0

이 옵션 사람들이 무엇을 더 많이 사용하고 있는지 알고 싶습니다. 정상에 V-에 사용Vuejs 2 v-on : click.prevent()

1) (DIV, 범위 등) 요소 여기

<div v-on:click="myFunction" class="cursor-pointer">Click me<div> 

, 그것은 즉, 클릭 할 수 있습니다 나타 내기 위해 포인터 커서를 설정하는 클래스를 가질 필요 또한 UX를 향상시킵니다.

1) 링크 요소에 대해 v-on 사용 클릭하십시오 여기에서 포인터 커서를 설정하는 데 별명이 필요하지 않습니다. 그러나 연결 작업을 중지하려면 차단 모드가 필요합니다.

그래서 이러한 두 가지 접근 방식의 모범 사례, 장점 및 단점은 무엇입니까?

답변

3

궁극적으로,별로 중요하지 않습니다. 일반적으로 말해서, Vue.js에 HTML 돔을 쓰는 것은 Vue.js없이 쓰는 것과 같은 방법입니다. 애플리케이션에서 다른 뷰로 연결되는 링크가 있다면 <a>이 적합합니다. 단순 HTML 페이지 인 경우 일반적으로 앵커 링크를 사용하지 않으려는 경우 div, span 또는 개발자 본능에서 결정한 사항을 사용하여 작성하는 것이 좋습니다.

항상 누군가가 그것을보고있는 것처럼 코드를 작성하십시오.이 경우에는 <a>이해야 할 일에 대해 어느 정도 기대할 것입니다.

+0

Tks! 링크가 사용자를 다른 페이지로 안내해야하는 것은 의미가 있습니다. 예를 들어 패널을 열고 닫는 작업은 div 또는 span이나 기타 항목 일 수 있습니다. –