A Vue.js project mongodb to restore data

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

###使用vue-cli生成项目 $ npm install -g vue-cli $ vue init webpack vue-mongoose-practise $ cd vue-mongoose-practise $ npm install $ npm run dev 实际操作中在package.json中配置启动命令 该例中把dev 改为"start": "supervisor build/dev-server.js" 使用 npm start 启动项目

###static resource bower init //初始化静态资源目录 bower install bootstrap --save //安装bootstrap //引入静态资源

###supervisor npm install supervisor //监控后台代码，不用手动重启服务 supervisor build/dev-server.js

###indent main.js router.map里各语句缩进必须是两个空格，否则会报错

###安装mongoose npm install mongoose --save 连接mongoose的文件 db.js

###ajax传递数据问题 vue-resource 使用参照官网即可
重点是nodejs写的接口接收post请求发送的参数
要使用body-parser模块，接口才能正确接收参数
var bodyParser = require('body-parser')
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extend: false}))

###webpack使用 代码分包
异步加载
静态资源(图片，css)的打包
用webpack.config.js来组织各个过程：
module.exports = {
entry: './main.js',
output: {
filename: 'bundle.js' } }
webpack 执行一次开发的编译
webpack -p for building once for production
webpack -p 来针对发布环境编译
webpack --watch 进行开发过程持续的增量编译
webpack -d 生成SourceMaps
要开启后缀名的自动补全，需要设置resolve.extensions参数指明哪些文件webpack要搜索

###ObjectId var ObjectId = require('mongodb').ObjectId;
如果需要以ObjectId来进行数据查找的话，则需要引入上面的依赖

###mongodb 增删改查
增：save(function(err, data))
删：remove({key: value}, function(err, data))
改：update({key: value}, {$set: params}, function(err, data))
查：find({}).toArray(function(err, data)) //查找全部
find({key: value}).toArray(function(err, data)) //条件查找
findOne({key: value}, function(err, data)) //查找一条数据

###vue双向绑定
用法同angular类似