템플릿이 없는 컴포넌트

템플릿이 없는 컴포넌트

서버에 API를 호출하여 JSON을 반환하는 코드가 있습니다.

내 컴포넌트에는 메서드로 존재했지만, 조금 길어지고 있기 때문에 자신의 파일로 압축을 풀고 싶다.

vuejs에서는 무엇이 베스트 프랙티스인가.

• 템플릿이 없는 컴포넌트여야 합니까?이게 어떻게 작동할까요?

• es6 모듈만 만들면 되나요?

여기에 믹스인을 사용하는 것이 좋습니다.

myCoolMixin.js와 같은 파일에서 믹스인을 정의합니다.

export default {
   methods: {
      myAwesomeMethod() {
         //do something cool...
      }
   }
}

컴포넌트와 마찬가지로 믹스인의 모든 것을 정의할 수 있습니다.예를 들어 데이터 객체, 계산 속성 또는 감시 속성 등입니다.그런 다음 컴포넌트에 믹스인을 포함하기만 하면 됩니다.

import myCoolMixin from '../path/to/myCoolMixin.js'

export default {
   mixins: [myCoolMixin],
   data: function() {
      return: {
         //... 
      }
    },
    mounted: function() {
       this.myAwesomeMethod(); // Use your method like this!  
    }
 }

Mixins에 대한 자세한 내용은 https://vuejs.org/v2/guide/mixins.html를 참조하십시오.

혼합 기능이 작동하거나 플러그인을 만들 수 있습니다.다음은 문서의 예입니다.

MyPlugin.install = function (Vue, options) {
  // 1. add global method or property
  Vue.myGlobalMethod = function () {
    // something logic ...
  }

  // 2. add a global asset
  Vue.directive('my-directive', {
    bind (el, binding, vnode, oldVnode) {
      // something logic ...
    }
    ...
  })

  // 3. inject some component options
  Vue.mixin({
    created: function () {
      // something logic ...
    }
    ...
  })

  // 4. add an instance method
  Vue.prototype.$myMethod = function (methodOptions) {
    // something logic ...
  }
}

Vue 플러그인

언급URL : https://stackoverflow.com/questions/49870735/component-without-template