vue 仿新闻项目笔记

时间:2021-11-05 08:57:51

1.main.js:

import filters from 'XXX'

Object.keys(filters).forEach(key => Vue.filter(key, filters[key]))  //遍历过滤

const router=new VueRouter({
mode: 'history', //切换路径模式,变成history模式
scrollBehavior: () => ({ y: 0 }), // 滚动条滚动的行为,不加这个默认就会记忆原来滚动条的位置
routes
});

//axios的一些配置
axios.interceptors.request.use();     //配置发送请求的信息

axios.interceptors.response.use();    //配置请求回来的信息

axios.defaults.baseURL = (process.env.NODE_ENV !=='production' ? config.dev.httpUrl:config.build.httpUrl);  //基本请求地址

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';  //设置请求头

Vue.prototype.$http = axios  //其他页面在使用axios的时候直接  this.$http就可以了

2.监听路由:

watch:{
  $route(to,from){  }
}

3.vuex及vue-router常用方法示意:

this.$store.dispatch('XXX');

this.$route.path/this.$route.params