uni-app常用代码

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，能够编译到 iOS、Android、H5、以及各种小程序等多个平台。它提供了丰富的组件和API，使得开发者可以快速构建跨平台的移动应用。

以下是uni-app中一些常用的代码示例：

1. 导航栏标题设置：

export default {
  data() {
    return {
      title: '首页'
    };
  },
  onLoad() {
    this.setTitle('首页');
  },
  methods: {
    setTitle(title) {
      uni.setNavigationBarTitle({
        title: title
      });
    }
  }
}

2. 跳转到新页面并传递参数：

uni.navigateTo({
  url: '/pages/newpage/newpage?param1=value1&param2=value2'
});

3. 简单的列表展示：

<template>
  <view>
    <view v-for="(item, index) in list" :key="index">
      {{item.name}}
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { name: '项目1' },
        { name: '项目2' },
        { name: '项目3' }
      ]
    };
  }
}
</script>

4. 表单输入绑定：

<template>
  <view>
    <input type="text" v-model="inputValue" />
    <button @click="submit">提交</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    submit() {
      console.log(this.inputValue);
      // 这里可以进行数据的提交等操作
    }
  }
}
</script>

5. 调用原生功能，如获取设备信息：

uni.getSystemInfo({
  success: (res) => {
    console.log('device info:', res);
  }
});