Vue 中实现增删改查功能
增删改查(CRUD)是 Web 应用程序中的基本操作,它可以让我们在数据库中创建、读取、更新和删除数据。在 Vue.js 中实现 CRUD 功能相对简单。
创建
创建新记录时,我们将使用 v-model 双向绑定数据并向服务器发出 POST 请求。例如:
<code class="html"><template><form>
<input v-model="newItem.name"><button type="submit">Create</button>
</form>
</template><script>
export default {
data() {
return {
newItem: { name: \'\' }
}
},
methods: {
createItem() {
// 向服务器发送 POST 请求
axios.post(\'/items\', this.newItem).then(() => {
// 重新获取数据或执行其他操作
})
}
}
}
</script>




