0
Watch
0
Star
0
Fork
0
Issue
SGKuksov
SGKuksov
pushedAt 2 years ago

SGKuksov/vue-ionic

vue-ionic

Настройка ionic

  1. инициализируем ionic
ionic init
{
  "name": "vueApp",
  "integrations": {
    "capacitor": {}
  },
  "type": "custom"
}
  1. связываем приложение с app flow
ionic link

Добавить компоненты ionic

<link
  href="https://unpkg.com/@ionic/[email protected]/css/ionic.bundle.css"
  rel="stylesheet"
/>
import Ionic from "@ionic/vue";
Vue.use(Ionic);

Настройка слежения

Добавить задачу для запуска слежения

{
  "ionic:serve": "vue-cli-service serve"
}

Настройка сборки

Добавить задачу на сборку vue из www/

{
  "ionic:build": "vue-cli-service build"
}

Настройка и запуск capacitor

{
  "appId": "io.ionic.starter.test2.funcfunc",
  "appName": "vueApp",
  "bundledWebRuntime": false,
  "webDir": "dist"
}
ionic capacitor add ios
ionic capacitor open ios
ionic capacitor copy ios

Комментарии

  1. Не работает двойное связывание данных v-model Вместо него
<ion-checkbox
  slot="end"
  @input="entry.checked = $event.target.value"
  :value="entry.isChecked"
></ion-checkbox>
  1. Подключение изображений через ion-img
<ion-img alt="Vue logo" :src="require('@/assets/logo.png')"></ion-img>

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Run your end-to-end tests

npm run test:e2e

Run your unit tests

npm run test:unit

Customize configuration

See Configuration Reference.

ucloud ads