Vue小模块之功能全面的表格（二）创建表格

Vue小模块之功能全面的表格（二）创建表格

技术栈

Vue全家桶：
前端框架 Vue.js
状态管理 Vuex
动态路由匹配 vue-router
http服务 axios
模块打包 webpack
UI框架 element
数据服务器
服务器端 node.js
基于node的web框架 express
分布式数据库 mongodb
mongodb工具 mongoose

数据准备

启动mongodb数据库，创建数据库test和表todos,在表格中插入几条测试数据

author一列为数组

mongodb和mongodb compass的安装过程

后台服务器

创建工程vue-table-server

npm init

npm i -s express

新建todos.js用于创建Model

var mongoose = require('mongoose')

module.exports = mongoose.model('Todos', new mongoose.Schema({
    name: String,
    author: Array,
    content: String,
    status: Number,
    complteDate: Date
}))

新建router.js用于创建路由

var router = require('express').Router()
var Todo = require(