Відмінності між версіями «NativeScript-Vue»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(Створена сторінка: == NativeScript і Vue.js == Vue.js є легкий каркас для створення привабливих користувацьких інтерфей...)
 
м
 
Рядок 81: Рядок 81:
  
 
[[NativeScript-Vue елементи:DIALOGS]]
 
[[NativeScript-Vue елементи:DIALOGS]]
 +
 +
 +
---
 +
 +
[[category:NativeScript-Vue|*]]
 +
 +
[[category:NativeScript]]
 +
 +
[[category:Навчальні проекти]]

Поточна версія на 11:34, 1 грудня 2018

NativeScript і Vue.js

Vue.js є легкий каркас для створення привабливих користувацьких інтерфейсів. NativeScript підтримує крос-платформні (по-справжньому рідні) мобільні додатки, використовуючи знання веб-вмісту, які ви вже маєте. Разом вони фантастична пара для отримання захоплюючого мобільного досвіду.

Ось три основні відмінності між Vue.js для Інтернету та NativeScript-Vue:

1. Для вашого мобільного додатка замість стандартної бібліотеки Vue.js скористайтеся пакунками nament NativeScript-Vue.

import Vue from 'vue'; //web
import Vue from 'nativescript-vue'; //Mobile
2. Create your Vue instance without attaching it to a
- since NativeScript does not rely on DOM manipulation, you can start up your app without using the extra el parameter:
new Veu ({
   el: 'app',
   store: store,
   router,
   render: h => h(App)
});
new Veu ({
   store: store,
   router,
   render: h => h(App)
});

3. Write your templates according to your platform’s standards. On the web, you’d use semantic html, whereas for your mobile app, you would use NativeScript modules with XML:

 <template>
    <v-carf color="tile" tile class="pa-4">
        <h1>Student</h1>
        <p>Here some text</p>
    </v-card>
 </template>
<template>
   <StackLayout ref="initialContainer" class="initialContainer">
       <Label text="Student" class="initial-label h1">
       <Label text="Here some text" class="initial-label">
   </StackLayout>
</template>

Починаємо

Є кілька способів почати використовувати NativeScript-Vue:

1. Встановити інструменти NativeScript локально і вибрати потрібний шаблон.

2. Дитячий майданчик NativeScript є місцем у хмарі, де ви можете грати з NativeScript і Vue.js у своєму браузері, доки ви не вивчите основи. Використовуйте майданчик і починайте перетягувати код компонентів, щоб створити свій додаток та попередньо переглянути його на фізичному пристрої.

Чому б ви це використали?

Є багато варіантів створення мобільних додатків. Ось деякі ситуації, коли ми думаємо, що NativeScript-Vue є чудовим підходом.

Вам потрібен справді рідний додаток для iOS та Android: NativeScript створює ваші програми, використовуючи компоненти користувальницького інтерфейсу на пристроях iOS та Android. Побудовані вами додатки не належать до Інтернету, тому вони не підлягають обмеженням, властивим рамковим додаткам на базі WebView.

NativeScript також надає велику колекцію плагінів для зв'язування з власними функціями пристрою.

Отже, якщо вам потрібно пов'язати API або iOS із iOS або Android як функцію вашого додатка, це можна зробити за допомогою NativeScript.

Вам подобається JavaScript: з NativeScript ви пишете свої мобільні додатки в JavaScript - не Objective-C, а Swift, а не Java. Якщо вам подобається JavaScript, вам сподобається писати оригінальні програми iOS та Android з тією самою мовою, яку ви використовуєте у веб-програмах та / або вузлах.

Вам подобається Vue: Vue відомий своїм простим підходом до шару перегляду. Якщо вам подобається створювати веб-додатки з Vue, ви будете мати справу вдома з NativeScript-Vue, оскільки ви будете використовувати той самий синтаксис для обробки звичайних завдань, як зв'язування даних та обробка подій.

Документація

NativeScript-Vue Початок

NativeScript-Vue Маршрути

NativeScript-Vue Утиліти

NativeScript-Vue елементи:LAYOUTS

NativeScript-Vue елементи:ACTION-BAR

NativeScript-Vue елементи:COMPONENTS

NativeScript-Vue елементи:DIALOGS


---