vue 2.0 개발 입문 노트 의 vue 파일 생 성 및 사용
어떻게 사용 해 야 할 지 모 르 겠 습 니 다.다음은.vue 파일 에 대한 발견 입 니 다.
1.vue 파일 은 봉 인 된 구성 요소 입 니 다.vue 파일 에 html,css,js 를 쓸 수 있 습 니 다.
그 중에서 template 에 html 코드 를 쓰 는데 사실은 템 플 릿 을 정의 하 는 것 입 니 다.
2.각.vue 사이 의 스타일 은 독립 적 이지 않 습 니 다.같은 선택 기 는 서로 다른.vue 에서 선택 한 조건 만 만족 시 키 면 작 동 합 니 다.예 를 들 어 화살표 1 이 가리 키 는 파일 에서 스타일 을 정 의 했 습 니 다.box{width:200 px;}.화살표 2 가 가리 키 는 파일 에 도.box 가 있다 면.box{width:200 px;}화살표 2 의 파일 에서 도 스타일 을 다시 정의 하고 덮어 쓰 지 않 는 한 화살표 2 의 파일 에서 도 역할 을 합 니 다.
3.vue 단일 파일 을 사용 하지 않 을 때 Vue 구조 함 수 를 통 해 Vue 루트 인 스 턴 스 를 만들어 vues 를 시작 합 니 다.vue 파일 에서 Vue 로 인 스 턴 스 를 만 들 지 않 고 export default 을 사용 합 니 다.vue 파일 에서 export default 뒤의 대상 은 new Vue()구조 함수 에서 받 아들 이 는 대상 에 해당 합 니 다.
즉:
<script>
export default{
data:function(){
return {
//
}
},
methods:{
//
}
}
</script>
4.less 등 을 도입 할 수 있다.5.route.js 에서 이동 경 로 를 설정 하 는 것 은 특정한 폴 더 아래 index.vue 파일 로 이동 하면 폴 더 뒤의 index.vue 를 생략 할 수 있 습 니 다.이 파일 로 이동 하려 면:
다음 두 마디 는 등가 이다.
그래서 보통 폴 더 뒤의 index.vue 를 생략 합 니 다.
이.vue 의 구성 요소 응용 에 도움 이 되 기 를 바 랍 니 다.많은 응원 부 탁 드 리 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
자바 파일, 폴 더 생 성 및 삭제QQ 그룹 에서 어떤 사람 이 폴 더 의 삭 제 를 묻 자 인터넷 으로 찾 아 보 았 습 니 다. 프로그램 을 만 들 었 습 니 다. 주의해 야 할 점 은 폴 더 안의 내용 이 파일 인지 하위 폴 더 인지 판단 해 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.