3. 시작하기 - MrKwon/Vue-Native GitHub Wiki

시작하기

Vue Native 에서 Hello World 출력하기

Vue Native 를 시도해보는 가장 쉬운 방법은 Hello world 앱을 빌드해보는 것 입니다. 설치 페이지에 Vue Native 설치 설정과 프로젝트 설정에 대한 내용이 있습니다.
.vue파일을 하나 만들고 아래의 내용을 복사 붙여넣기 해보세요.

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

⚠️ GitHub.com Fallback ⚠️