Vue에 요소 UI 구성요소를 추가하는 방법

이번에는 Vue에 요소 UI 컴포넌트를 추가하는 방법을 알려드리겠습니다. Vue에 요소 UI 컴포넌트를 추가할 때 주의 사항은 무엇인가요?

문서에 따르면 온디맨드 로딩 모듈을 구성해야 합니다(온디맨드 로딩이 아닌 경우 이 파일을 변경할 필요가 없습니다).babelrc 파일

er1vue-cli 사전 생성된 파일 내용은 다음과 같습니다. :

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime"]
}

ElementUI 공식 웹사이트 설명은 다음과 같이 구성을 변경합니다:

{  
"presets": [   
       ["ES-2015", { "modules": false }] 
  ], 
 "plugins": [["component", [ 
      {     
        "libraryName": "element-ui",    
        "styleLibraryName": "theme-chalk"   
      }
  ]]]
 }

실제로 npm이 dev를 실행할 때 노드는 오류를 보고합니다. 공식 권장 사항은 컴파일을 위해 es-2015를 대체하는 babel-preset-env입니다.

방법 vue2.x에서 사용합니까? 구성하는 방법은 파일에 있습니다. main.js에 추가하세요. 예를 들어 '에서 시간 선택 구성 요소를 사용하고 싶습니다. element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use( DatePicker);

이것은 6c098e36d94ae502e23fa1d379d542ef04b349107314c9cb475f60249b0908dd
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 콘텐츠를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

관련 자료:

ES6의 설정된 데이터 구조와 맵 데이터 구조

ES6 객체의 할당 및 기호

위 내용은 Vue에 요소 UI 구성요소를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!