Getting Started

Getting Started

Hello World In Vue Native

The easiest way to try out Vue Native is by building a Hello world app. The Installation page provides setup of installing Vue Native and setup the project.
Create a .vue file and copy and paste the below content.

<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>