>  기사  >  웹 프론트엔드  >  vue에 외부 js 메소드 인스턴스 도입

vue에 외부 js 메소드 인스턴스 도입

小云云
小云云원래의
2018-03-02 11:24:247192검색

vue 프로젝트를 진행하다 보면 종종 js를 소개해야 할 때가 많습니다. 이 기사에서는 모든 사람에게 도움이 되기를 바라며 vue에 외부 js 메소드를 도입하는 예를 주로 공유합니다.

첫 번째

import XX from “路径”
Vue.use(XX);
这里的js文件要导出
用export default {
Vue.proprtypes.aa=function(){}
}

두 번째

js 파일은 내보내기 기본값을 사용하지 않습니다.{}

순수한 메서드입니다

해결 방법: main.js에 다음 코드를 추가할 수 있으며, 그 안에 있는 메서드도 가능합니다. 전 세계적으로 사용할 수 있습니다.

require('path')

세 번째

도 순수 메서드입니다.

마지막으로 사용하려는 메서드를 내보내기 기본값 {}

이 메서드는 단일 Vue 파일에서 사용됩니다. import {xxx } from 'path' 메소드를 소개하세요

사용할 때 xxx를 호출하세요.

vue 프로젝트를 진행하다 보면 종종 js를 소개해야 하는 경우가 있는데, 아래와 같은 것들이 일반적으로 사용됩니다.

첫 번째

import XX from “路径”
Vue.use(XX);
这里的js文件要导出
用export default {
Vue.proprtypes.aa=function(){}
}

두 번째

js 파일은 내보내기 기본값을 사용하지 않습니다.{}

순수한 메서드입니다

해결 방법: main.js에 다음 코드를 추가할 수 있으며, 그 안에 있는 메서드도 가능합니다. 전 세계적으로 사용할 수 있습니다.

require('path')

세 번째

도 순수 메서드입니다.

마지막으로 사용하려는 메서드를 내보내기 기본값 {}

이 메서드는 단일 Vue 파일에서 사용됩니다. import {xxx } from 'path' 메소드를 소개하세요

사용할 때 xxx를 호출하세요.

관련 권장사항:

JS 로더는 어떻게 외부 js 파일을 동적으로 로드합니까?

외부 js 파일을 html에 도입하고 매개변수 함수를 사용하여 메소드 호출

잘못된 외부 js 참조 문제에 대한 분석 및 솔루션_ javascript 실력

위 내용은 vue에 외부 js 메소드 인스턴스 도입의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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