Vue Native: فریمورکی به منظور ساخت اپلیکیشن‌های موبایل کراس‌پلتفرم

Vue Native: فریمورکی به منظور ساخت اپلیکیشن‌های موبایل کراس‌پلتفرم

Vue Native فریمورکی است مبتنی بری Vue.js که با استفاده از آن و زبان JS، دولوپرها می‌توانند اپلیکیشن‌های موبایل کراس‌پلتفرم توسعه دهند.

Vue Native اساساً به عنوان یک قالبی برای React Native محسوب می‌شود به طوری که هر چیزی ساختش با React Native امکان‌پذیر باشد، با این فریمورک نیز شدنی است.

برای استفاده از این فریمورک، می‌بایست CLI اختصاصی آن را روی سیستم نصب داشت که برای این منظور، می‌توان از دستور زیر استفاده کرد:

$ npm install -g vue-native-cli

البته لازم به ذکر است که نیاز به Node.js و NPM خواهید داشت تا بتوانید این فریمورک تحت لیسانس MIT را مورد استفاده قرار دهید.

ساخت اپلیکیشن Hello World
به منظور ساخت برنامهٔ معروف «سلام دنیا»، ابتدا یک فایل HTML با محتویات زیر می‌سازیم:

<template>
  <view class="container">
    <text class="text-color-primary">{{message}}</text>
  </view>
</template>

سپس کدهای جاوااسکریپت زیر را در فایل مربوطه کپی می‌نماییم:

<script>
export default {
  data: function() {
    return {
      message: "Hello World"
    };
  }
};
</script>

کدهای استایل این اپلیکیشن هم به صورت زیر خواهد بود:

<style>
.container {
  flex: 1;
  background-color: white;
  align-items: center;
  justify-content: center;
}
.text-color-primary {
  color: blue;
  font-size: 30;
}
</style>

حال با اجرای کامندهای react-native run-ios و react-native run-android، به ترتیب خواهیم توانست خروجی iOS و Android بگیریم.