뷰 별도의 파일 나중에 유지 보수를 용이하게하기

참조 :

https://www.cnblogs.com/wy120/p/10179901.html

https://blog.csdn.net/sinat_36146776/article/details/89918302

내 습관은 별도의 JS 및 CSS, HTML 파일 작성 VUE이다

JS :

// - 이름 - 

const를 이름 = '기록' ; 

// - DATA - 

CONST 데이터 = 함수 () {
   창 { 
    
  }; 
}; 

// - COMPUTED - 

CONST 계산 = { 
 
}; 

// - 부품 - 

const를 구성 요소 = { 
} 

// - 시계 - 

const를 시계 = { 
  
}; 

// - 방법 - 

CONST 방법 = { 
  
}; 

// - HOOKS - 

기능 탑재 () { 
}

// == 수출 == 

수출 기본 { 
  이름 : 이름, 

  데이터 : 데이터, 

  구성 요소 : 구성 요소, 

  계산 : 계산, 

  시계 : 시계, 

  방법 : 방법은 

  설치 : 설치 
;} 
CSS : 

.block { 
    폭 : 200 픽셀; 
    높이 : 220px; 
  } 
.describe { 
    마진 - 왼쪽 : 40 % ; 
} 
/ * .el 행 { 
    마진 - 하단 : 20 픽셀; 
    & : 마지막 아이 { 
    마진 - 하단 : 0; 
    } 
} * / 
.el - COL { 
    국경 -반경 : 4 픽셀; 
    여백 - 왼쪽 : 38px; 
    마진 - 오른쪽 : 38px; 
    여백 - 상단 : 60 픽셀; 
    마진 - 하단 : 40px; 
} 

.box - 카드 { 
    폭 : 250 픽셀; 
}

CSS :

.block { 
    폭 : 200 픽셀 ; 
    높이 : 220px ; 
  } 
.describe { 
    마진 왼쪽 : 40 % ; 
} / * .el 행 { 
    마진 - 하단 : 20 픽셀; 
    & : 마지막 아이 { 
    마진 - 하단 : 0; 
    } 
} * / 
.el-COL { 
    경계 반경 : 4 픽셀 ; 
    여백 왼쪽 : 38px ; 
    마진 오른쪽 : 38px ; 
    여백 - 상단 : 60 픽셀 ;

    마진 - 하단 : 40px ; 
} 

.box 카드 { 
    폭 : 250 픽셀 ; 
}

뷰는 파일에서 참조 :

< 스크립트 SRC = "./ zyview.js" > </ 스크립트 > 
< 스타일 SRC = "./ zyview.css" 스코프 > </ 스타일 >