>  기사  >  웹 프론트엔드  >  VUE(모듈, 파일)에서 일반적으로 사용되는 여러 가져오기 방법에 대한 소개

VUE(모듈, 파일)에서 일반적으로 사용되는 여러 가져오기 방법에 대한 소개

不言
不言원래의
2018-07-03 14:18:054666검색

이 글에서는 주로 VUE에서 흔히 사용되는 여러 가져오기 방법(모듈, 파일)을 자세히 소개합니다. 내용이 꽤 괜찮아서 참고용으로 올려보겠습니다.

1 타사 플러그인 소개

import echarts from 'echarts'

2 도구 클래스 소개

첫 번째는 단일 메소드 소개

import {axiosfetch} from './util';

다음은 작성 방법입니다. 내보내기가 필요합니다

export function axiosfetch(options) {

}

그룹을 가져오는 두 번째 방법

import * as tools from './libs/tools'

tools.js에는 여러 내보내기 방법이 있습니다. 도구의 모든 내보내기 방법을

vue로 가져오는 방법은 무엇입니까?

Vue.prototype.$tools = tools

이것을 직접 호출하세요.$tools.method

그런데 내보내기와 내보내기 기본값의 차이점은 무엇인가요?

차이점을 살펴보겠습니다

먼저 내보내기

import {axiosfetch} from './util'; 
 //需要加花括号 可以一次导入多个也可以一次导入一个,但都要加括号

두 가지 방법이 있다면

import {axiosfetch,post} from './util';

다음으로 내보내기

rr 리

3. CSS 파일 가져오기

import axiosfetch from './util'; //不需要加花括号 只能一个一个导入

.vue 파일에 있으면 외부에 스타일을 넣으세요

import 'iview/dist/styles/iview.css';

4. 구성 요소 가져오기

<style>
 @import &#39;./test.css&#39;; 

</style>

위 내용은 다음과 같습니다. 은 이 글의 전체 내용이 여러분에게 도움이 되기를 바랍니다. 여러분의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용을 보시려면 PHP 중국어 사이트를 주목해주세요!

관련 권장 사항:

이벤트 버블링을 방지하는 jQuery의 인스턴스 분석

도메인 간 라우팅 충돌을 해결하기 위한 Vue의 아이디어 정보

라우팅 매개 변수를 동적으로 설정하는 Vue 소개

위 내용은 VUE(모듈, 파일)에서 일반적으로 사용되는 여러 가져오기 방법에 대한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.