Vue js에서 프로토 타입과 플러그인을 사용하는 것의 차이점은 무엇입니까? 내 app.js에서

Question

내 VUE의 JS 프로젝트에 간단한 추적 서비스를 사용할 필요가

...

나는 예를 들어

... 두 가지 방법을 사용할 수 있습니다 : -

1 그 안에 서비스를 통합하는 플러그인을 사용하여)

import moment from 'moment'; 
Object.defineProperty(Vue.prototype, '$moment', { value: moment }); 

: 2 :) 프로토 타입을 만들려면

import axios from 'axios'; 

export default { 
    install: function(Vue,) { 
    Object.defineProperty(Vue.prototype, '$http', { value: axios }); 
    } 
} 

모두 사용하여 프로토 타입은 나를 위해 작업하는 두 가지 방법이 ... 난 그냥 당신이 예전처럼

Answer 1

플러그인이 install 속성을 가져야한다 ... 그 두 가지 방법의 차이를 알아야합니다

const MyPlugin = { 
    install: function(Vue,) { 
     Object.defineProperty(Vue.prototype, '$http', { value: axios }); 
    } 
} 

당신이 플러그인을 usse 때

당신은 플러그인에 install 메소드를 호출 this.just Vue.use() 방법을

Vue.use(MyPlugin); 

호출해야

귀하의 경우에는 Vue에 프로토 타입을 설정하는 중입니다.

플러그인은 대부분 vuejs 프로젝트에 통합 될 타사 라이브러리 또는 자산을 개발하는 데 사용됩니다.

예를 들어 다른 사람이 사용할 수있는 vue 구성 요소를 개발했다고 가정합니다.

당신은 같은 플러그인을 정의

import MyComponent from './path' 

const MyPlugin = { 
    install: function(Vue,) { 
     Vue.component('my-component', MyComponent); 
    } 
} 

export MyPlugin; 

당신이 npm에 플러그인을 게시 할 때 다음과 같이 이제 다른 구성 요소를 사용할 수 있습니다

import MyComponent from 'MyComponent' 


Vue.use(MyComponent); 

지금 my-component 다른 세계적으로 사용할 수 있습니다 구성 요소이며 다음과 같이 사용될 수 있습니다 :

<my-component></my-component>my-component>