Vue Daum Postcode

Daum 우편번호 서비스를 기반으로 작업된 Vue Component 입니다.

Installation

npm install vue-daum-postcode --save

Demo

Demo

Usage

vue-daum-postcode는 umd로 빌드되어있어서 원하시는 방식으로 사용가능합니다.

ES6

import Vue from "vue"
import VueDaumPostcode from "vue-daum-postcode"

Vue.use(VueDaumPostcode)

기본 태그는 vue-daum-postcode입니다. 이를 변경하려면 다음과 같이 설정하시면 됩니다.

import Vue from "vue"
import VueDaumPostcode from "vue-daum-postcode"

Vue.use(VueDaumPostcode, {
  name: "vue-something-daum-postcode"
})

Globals

<html>
<head>
  ...
</head>
<body>
  <div id="app">
    <vue-daum-postcode />
  </div>
  <script src="path/to/vue.js"></script>
  <script src="path/to/vue-daum-postcode.js"></script>
  <script>
    new Vue({
      el: '#app'
    })
  </script>
</body>
</html>

Nuxt Framework

nuxt.config.js 파일에 modules 항목에 다음 내용을 추가합니다.

{
  modules: [
    'vue-daum-postcode/nuxt'
  ],
}

기본 태그는 vue-daum-postcode입니다. 이를 변경하려면 다음과 같이 설정하시면 됩니다.

{
  modules: [
    ['vue-daum-postcode/nuxt', { name: "vue-something-daum-postcode" }],
  ],
}

License

라이센스는 MIT라고 적어두었으나, Daum 우편번호 서비스의 라이센스를 그대로 따라갑니다.

luiseok / vue-daum-postcode