mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-15 09:34:19 +08:00
Update documentation for the Vue Readme
This commit is contained in:
@ -2,16 +2,50 @@
|
||||
|
||||
Ionic Vue.js specific building blocks on top of [@ionic/core](https://www.npmjs.com/package/@ionic/core) components.
|
||||
|
||||
To get started simply install `@ionic/vue` with npm into your project and then register it as a plugin to your vue application.
|
||||
|
||||
```ts
|
||||
import Vue from 'vue';
|
||||
import Ionic from '@ionic/vue';
|
||||
|
||||
Vue.use(Ionic);
|
||||
|
||||
new Vue({
|
||||
router,
|
||||
store,
|
||||
render: h => h(App)
|
||||
}).$mount('#app');
|
||||
```
|
||||
|
||||
## Publishing a Native Application
|
||||
|
||||
You can now make use of all of the ionic components in your vue application.
|
||||
If you want to publish your app to the App Store or Google Play you will need to use the ionic cli to execute Capacitor commands to do so.
|
||||
|
||||
More information on this can be found here. https://beta.ionicframework.com/docs/cli
|
||||
If you want to learn more about Capacitor our dedicated site can be found here. https://capacitor.ionicframework.com/
|
||||
|
||||
The commands that you will need to execute are below.
|
||||
```sh
|
||||
ionic capacitor add
|
||||
ionic capacitor copy
|
||||
ionic capacitor run
|
||||
```
|
||||
|
||||
|
||||
## Current known limitations
|
||||
|
||||
This is an alpha release of @ionic/vue so please understand that there are some missing pieces but know that many of the componets will work.
|
||||
* The shorthand `v-model` binding is currently not supported
|
||||
* Stack navigation for deep transitions is under heavy development at this time.
|
||||
|
||||
## Related
|
||||
|
||||
* [Ionic Core Components](https://www.npmjs.com/package/@ionic/core)
|
||||
* [Ionic Documentation](https://ionicframework.com/docs/)
|
||||
* [Ionic Documentation](https://beta.ionicframework.com/docs/)
|
||||
* [Ionic Worldwide Slack](http://ionicworldwide.herokuapp.com/)
|
||||
* [Ionic Forum](https://forum.ionicframework.com/)
|
||||
* [Ionicons](http://ionicons.com/)
|
||||
* [Stencil](https://stenciljs.com/)
|
||||
* [Stencil Worldwide Slack](https://stencil-worldwide.herokuapp.com/)
|
||||
* [Capacitor](https://capacitor.ionicframework.com/)
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user