vue搭建个人博客心得

判断滚动条是向上滑动还是向下滑动
1.提供一个属性存储当前的滚动距离
2.在滚动监听方法中与这个属性进行比较
重点：使用setTimeout方法为这个属性重新赋值，这样，比较的时候就是新属性和旧属性的比较

v-for
v-for中可以使用filter 函数，可动态返回指定范围的结果

array.slice(start,end)
可以返回指定范围的数组，并且不会对原数组产生影响，并且范围超出也没影响

与API交互

跨域问题
1.在config/index.js中进行配置

proxyTable: {
      '/post':{
        target: 'http://localhost:3000/admin/post',
        changeOrigin:true,
        pathRewrite:{
            '^/post':''
        }
      }
    }

axios相关
引入：在main.js中引入

import axios from 'axios'
Vue.prototype.$axios = axios

这样，在所有组件中可以直接通过this.$axios来使用

axios为异步方法，所以即使在钩子created中使用，页面还是会先用默认属性进行渲染。
因此如果属性指向对象，改变这个属性并不会使页面重新渲染。

utils 工具类，将axios封装文件放入其中

如何实现loading功能

MongoDB

Model.find({},{});
第一个参数用于添加限制：title:‘this is my blog’,
第二个参数用于筛选字段，0为不显示，1为只显示：title:1

Express

router中写动态匹配路由：
router.route(’/:blog_id’)
取出方法：
req.params.blog_id