vue后台管理系统遇到的注意事项以及总结
vue循环嵌套,需要命名不同的变量名,来区分 地址栏加#号问题: Vue-router 中有hash模式和history模式,vue的路由默认是hash模式,一般开发的单页应用的URL都会带有#号的hash模式 第一步在router/index.js下增加mode:'hidtory',然后再config/index.js下修改assetsPublicPath: './'为assetsPublicPath: '/';如图: 更改ElementUI 内部样式: 通过scopd穿透的方式修改引入第三方组件库样式的方法; 在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。 当打包构建的时候,javascript包变得非常大,影响加载: 解决方法即:用webpack提供的require进行代码分割 来实现按需加载~ 我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件; 1.require AMD规范写法 const userCenter = resolve => require(['@/pages/usercenter'], resolve);