Vue-tw-zip-code-selector

以 Vue 3.0 和 TypeScript 為基底的台灣地址二階選單
A Taiwan-Zip-Code-Selector via Vue 3.0 & TypeScript

Table of Contents

* Getting Started
* Demo
* Built With
* Author
* License

Getting Started

$3

* Node.js - Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
* Vue 3.0 - The Progressive JavaScript Framework

$3

1. Install via npm 使用 npm 來進行安裝
``javascript
cd /"your-vue-project-root-folder"/
npm install @andy922200/vue-tw-zip-code-selector
`
2. Usage in Vue 3 在 Vue 3 環境下使用
`javascript
/ main.ts or main.js /
const app = createApp(App)
import '@andy922200/vue-tw-zip-code-selector/dist/vue-tw-zip-code-selector.css'
import VueTwZipCodeSelector from '@andy922200/vue-tw-zip-code-selector'
app.use(VueTwZipCodeSelector)
`
3. Use the component in .vue 在 .vue 中使用套件
`html

`

$3

| Name | Param [Type] | Describe |
| ---- | --------- | -------- |
| getSelectedZone | ZoneObject [Object] | get user-selected zone |

`json
{
"name": "demo zone",
"zipCode": 100,
"county": "A",
"countyName": "countyName"
}
``

Demo

!Alt text

Built With

* Node.js - Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
* Vue 3.0 - The Progressive JavaScript Framework
* Vue-Sfc-Rollup - vue-sfc-rollup is a CLI templating utility that scaffolds a minimal setup for compiling a Vue Single File Component (SFC) - or library of multiple SFCs
* TypeScript - TypeScript extends JavaScript by adding types.

Author

- Andy Lien

License

This project is licensed under the MIT License - see the LICENSE for details.