UniApp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到多个平台。
UniApp 特点
- 跨平台开发
- 基于Vue.js语法
- 丰富的组件库
- 完善的插件生态
<template>
<view class="container">
<text class="title">{{title}}</text>
<button @click="changeTitle">改变标题</button>
<navigator url="/pages/about/about" hover-class="navigator-hover">
<button>跳转到关于页面</button>
</navigator>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello UniApp'
}
},
methods: {
changeTitle() {
this.title = '标题已改变!'
}
},
onLoad() {
console.log('页面加载')
}
}
</script>
<style>
.container {
padding: 20rpx;
text-align: center;
}
.title {
font-size: 36rpx;
color: #333;
margin-bottom: 20rpx;
}
</style>
提示： 这是一个重要的概念，需要特别注意理解和掌握。
注意： 这是一个常见的错误点，请避免犯同样的错误。