vue
嚣张的胖头鱼
这个作者很懒,什么都没留下…
展开
-
vuex localstorage sessionStorage区别
区别vuex存储在内存,localstorage(本地存储)则以文件的方式存储在本地,永久保存(不主动删除,则一直存在);sessionstorage( 会话存储 ) ,临时保存。边界由于各自的存储特性不同,sessionStorage只在当前会话生效,新打开的浏览器窗体即使是同一个域名下也不行。 localstorage在本地存储,只要是同一域名下都可以访问到。总结区别...转载 2020-04-17 13:39:08 · 244 阅读 · 0 评论 -
vue /deep/深度选择器
作用这里我们先贴一个官网的说法: vue-loader.vuejs.org/guide/scope… 含义大概是:能够穿透并影响子组件的样式。使用场景我们知道在vue组件中样式中添加 scoped,那么这个样式就会被设定为只影响这个vue组件内的内容 假定某个vue组件又引用了element-ui 亦或者其他UI组件,此时 UI不满意element-ui的样式,想要在这个页面微调下el...转载 2020-04-17 13:37:14 · 3874 阅读 · 0 评论 -
vue【vue-cli3】项目优化
名词解释spa全称是单页面应用。 一个SPA就是一个WEB应用,它所需的资源(HTML CSS JS等),在一次请求中就加载完成,也就是不需刷新地动态加载。 用术语“单页”就是因为页面在初始化加载后就永远不会重新加载刷新。 优点 减轻服务器端的压力。 因为服务器先将一份包含了静态资源、JavsScript和模板的静荷数据(payload)发送到了客户端,之后客户端只需要获取渲染页面或视图所...转载 2020-04-17 12:01:08 · 775 阅读 · 0 评论 -
vue 使用keep-alive 实现多页签并支持强制刷新
需求我司有一款使用Vue构建的SPA 后台管理系统,此时客户提出一个需求。1:要求支持打开多页签2多页签保留状态,即切换页签的时候不重新刷新内容。3关闭某一页签之后,重新打开之后,需要进行刷新4在当前页面可以进行强制刷新功能。如图示意(左侧箭头为多页签,右侧为强制刷新按钮,图是网图,非本公司后台管理系统页面,效果类似)思路1:首先编写Tags(...转载 2020-04-17 11:59:09 · 3238 阅读 · 1 评论 -
创建vue组件库并发布到npm
创建vue组件库例子中我们采用webpack来构建自己的工程创建package.json文件,加入需要引用的依赖包{ "name": "xxxx", "description": "xxxx", "version": "1.0.0-beta.3", "author": "Tinylj(lujin.pt@163.com)", "license": "MIT", ...转载 2020-04-17 11:55:35 · 1327 阅读 · 0 评论 -
webpack 按需打包vue项目
需求1:公司项目页面定制化卖给不同的甲方,有的客户要A,B,C模块,有的要C,D模块,有的要A,D模块。如何按需打包给对方?实现原理1:下面以vue-cli3 构建的项目为例子来了解 核心逻辑其实就是构建不同的router.js来区分,客户1的router里含有A,B,C,客户2的router里含有C,D即可。 我们可以想到把router.js分成好几个不同的路由。 那么问题来了。入口...转载 2020-04-17 11:52:57 · 992 阅读 · 0 评论