Vue.js
플러그인

CSS firebase HTML JavaScript jQuery Laravel Node.js PHP twitter-bootstrap TypeScript
수색…


소개

Vue 플러그인은 전역 메소드, 지시어, 전환, 필터, 인스턴스 메소드, 객체 등의 전역 기능을 추가하고 mixins을 사용하여 일부 구성 요소 옵션을 주입합니다.

통사론

  • MyPlugin.install = function (Vue, options) {}

매개 변수

이름 기술
Vue Vue에 의해 주입 된 Vue 생성자
옵션들 필요한 경우 추가 옵션

비고

대부분의 경우 Vue에 플러그인을 사용하도록 명시 적으로 지시해야합니다 

// calls `MyPlugin.install(Vue)`
Vue.use(MyPlugin)

옵션을 전달하려면 

Vue.use(MyPlugin, { someOption: true })

단순 로거

//myLogger.js
export default {

  install(Vue, options) {
     function log(type, title, text) {
       console.log(`[${type}] ${title} - ${text}`);
     }

     Vue.prototype.$log = {
       error(title, text) { log('danger', title, text) },
       success(title, text) { log('success', title, text) },
       log
     }
  }
}

주요 Vue 인스턴스가 플러그인을 등록하기 전에 

//main.js
import Logger from './path/to/myLogger';

Vue.use(Logger);

var vm = new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})

이제 this.$log 호출 할 수 있습니다 this.$log 모든 하위 구성 요소의 this.$log 

//myComponent.vue
export default {
  data() {
    return {};
  },
  methods: {
    Save() {
      this.$log.success('Transaction saved!');
    }
  }
}


Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow