uniapp如何添加数据

在UniApp中添加数据通常涉及到Vue的数据绑定或者Vuex状态管理。以下是两种常见的做法：

1. **直接数据绑定**：如果你需要在组件内部存储和操作数据，可以使用Vue的双向数据绑定。例如，在.vue文件中：

<template>
  <input v-model="message" placeholder="请输入内容">
</template>

<script>
export default {
  data() {
    return {
      message: '',
    };
  },
};
</script>

在这个例子中，`message`是一个Vue实例的数据属性，输入框的值会实时绑定到它。

2. **Vuex管理全局状态**：如果数据需要在整个应用共享，并且有状态管理需求，可以使用Vuex。首先安装并导入Vuex，然后创建store：

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    todos: [],
  },
  mutations: {
    addItem(state, item) {
      state.todos.push(item);
    },
  },
});

// 在组件里，通过actions提交mutation添加数据
export default {
  store,
  methods: {
    addTodo() {
      this.$store.dispatch('addItem', { content: 'New todo' });
    },
  },
};

当你调用`addTodo()`方法时，就会将新的待办事项添加到store的状态中。