20200215——Cms前端开发总结

项目的工程目录

package.json
记录所有的工程依赖，以及脚本命令
有点像maven的pom文件

webpack.base.conf.js
webpack配置文件，用来进行webpack的操作

main.js
是工程的入口，加载了许多第三方组件

关于页面路由

小项目的路由

最后都会集成到base/router

import Vue from 'vue';
import Router from 'vue-router';
Vue.use(Router);
// 定义路由配置
let routes = []
let concat = (router) => {
  routes = routes.concat(router)
}
// // 导入路由规则
import HomeRouter from '@/module/home/router'
import CmsRouter from '@/module/cms/router'
// 合并路由规则
concat(HomeRouter)
concat(CmsRouter)
export default routes;

关于element-ui
查找官网文档

跨域请求
采用proxyTable
采用代理方式，代理中间件

分页查询

 @current-change="changePage"

这个方法就是在你转换页码的时候执行的函数

 changePage:function (page) {
        alert(page);
        this.params.page = page;
        this.query()
      }

每次转换页码的时候，更新页码，然后进行query的查询