v-app-bar와 v-toolbar의 시각 차이는 무엇인가?

v-app-bar와 v-toolbar의 시각 차이는 무엇인가?

나는 방금 부비증을 탐구하기 시작했다.모든 vuetify 구성 요소가 다음 위치에 있음<v-app>.
내 사이트에 대한 메뉴를 만들고 싶어서 문서에서<v-app-bar>그리고<v-toolbar>
메뉴 항목을 안에 보관해야 할지 헷갈린다.<v-app-bar>또는<v-toolbar>문서상으로는.

정보<v-app-bar> https://vuetifyjs.com/en/components/app-bars

그v-app-bar일반적으로 사이트 탐색을 위한 주요 원천이기 때문에 구성요소는 모든 그래픽 사용자 인터페이스(GUI)에 중추적인 역할을 한다.애플리케이션에서 사이트 탐색 기능을 제공하는 v-내비게이션 드로어와 함께 앱바 구성 요소가 잘 작동함.

정보<v-toolbar> https://vuetifyjs.com/en/components/toolbars

그v-toolbar일반적으로 사이트 네비게이션의 주요 원천이기 때문에 구성요소는 모든 gui에 중추적인 역할을 한다.도구 모음 구성 요소는 v-navigation-rawer 및 v-card와 함께 잘 작동한다.

두 가지 묘사는 거의 같다.우리가 언제 무엇을 사용해야 하는지의 차이점은 무엇인가?아니면 우리가 사용해야 한다.v-toolbar안쪽에v-app-bar?

Vuetify 마이그레이션 가이드에 따라 'v1.5.x에서 v2.0.x로 마이그레이션':

v-client:기존의 모든 스크롤 기술과 앱 기능이 더 이상 사용되지 않고 v-app-bar로 이동됨

그래서, Vuetify 2.0에서 시작해서,v-app-bar스크롤 관련 효과를 수행하고 지정할 수 있기 때문에 대부분의 일반적인 앱의 맨 위에서 사용하고자 하는 것v-app-bar를 사용하여 고유한 '톱 레벨' 애플리케이션 구성 요소로서app받침대

다른 한편으로는v-toolbar다음과 같은 경우, 스크롤이 툴바에 확실히 영향을 미치지 않아야 하는 다른 '기타' 사례에 사용될 수 있다.v-toolbar화면 내 위젯의 일부로 사용됨.

정말로.v-app-bar연장하다v-toolbar사용할 수 있는 추가 속성을 제공하십시오.

이러한 속성은 도구 모음의 전체 레이아웃과 주변 공간의 크기 조정 및 내용 변경에 대응하는 방법에 대해 훨씬 더 세분화된 제어 기능을 제공한다.

각각의 속성을 볼 수 있고, 어떻게 하면v-app-bar10개 이상의 추가 속성을 가지고 있으며, 이러한 속성의 기능 및 설계를 사용자 정의할 수 있지만toolbar그 목적에 대해 의견이 분분하고 그 기능성을 제한한다.

참조URL: https://stackoverflow.com/questions/58068147/what-is-difference-between-v-app-bar-and-v-toolbar-in-vuetify