分类：vue组件封装并复用

2021
07-01

Vue接口封装的完整步骤记录

首先根据接口写好对应页面的请求内容如图尽量保证js文件名称与页面文件名称相同（易于查找）根据文件目录动态引入/导出接口提高便捷性/***自动引入当前文件夹下所有module*require.context(directory,useSubdirectories=false,regExp=/^.//);*@param{String}directory读取文件的路径*@param{Boolean}directory匹配文件的正则表达式*@param{regExp}regExp读取文件的路径*/constmodulesFiles=require.... 继续阅读 >

2020
10-09

Vue管理系统前端之组件拆分封装详解

组件封装在上一篇记录中，首页中有太多的代码，为了避免代码的臃肿，需要对主要的功能模块拆分，来让代码看起来更简洁，且能进行复用。拆分后还加了些小功能，加入了修改title的代码，修改方式参考vue动态修改title。还增加了当前请求的页面缓存，使用状态管理器处理。监听路由，保存到state中，来处理的。如何监听可参考vue计算属性和监听属性。完整效果图如下：首页布局拆分后结构拆分后的，布局结构图：拆分后代码布局... 继续阅读 >