Click Click

YouTip LogoYouTip

UniApp Tutorial - Getting Started

UniApp

UniApp builds cross-platform apps with Vue.js syntax.

<template>
    <view>
        <text>{{ message }}</text>
        <button @click="handleClick">Click</button>
    </view>
</template>

<script>
export default {
    data() { return { message: "Hello UniApp" }; },
    methods: { handleClick() { uni.showToast({title: "Hi"}); } }
}
</script>

Summary

  • UniApp targets iOS, Android, H5, and mini-programs
  • Uses Vue.js syntax with uni- prefixed components
← VS Code Tutorial - Tips and TrSwagger Tutorial - OpenAPI Bas β†’