20200215——Cms前端开发总结

20200215——Cms前端开发总结
文章图片

项目的工程目录
package.json
记录所有的工程依赖,以及脚本命令
有点像maven的pom文件
webpack.base.conf.js
webpack配置文件,用来进行webpack的操作
main.js
是工程的入口,加载了许多第三方组件
关于页面路由
20200215——Cms前端开发总结
文章图片

小项目的路由
最后都会集成到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的查询
【20200215——Cms前端开发总结】20200215——Cms前端开发总结
文章图片

    推荐阅读