vue填坑之路
文章平均质量分 79
cyyy1223
这个作者很懒,什么都没留下…
展开
-
vue搭配gitlab-ci自动化部署
gitlab-CI概念官方文档gitlab 8.0集成了gitlab-CICI(Continuous integration) 持续集成频繁地将代码集成到主干目的:产品快速迭代,同时保持高质量措施:代码提交到主干之前,执行自动化测试,失败则集成失败自动化部署实现1. 在项目根目录中添加一个.gitlab-ci.yml文件 (CI管理项目状态).gitlab-ci.ymlgit项目的根目录里的文件,记录一系列规则和执行规则可以在gitlab上使用CI Lint验证上面yml原创 2020-12-28 17:33:14 · 4014 阅读 · 0 评论 -
2020-12-28
1.watch immediatewatch一个变量时,初始化时不会触发,created手动触发不太优美//goodwatch:{ text:{ handler:fetchXX, immediate:true,//初始化也能触发 deep:true//深度监听 }}2.使用?.和??(es2020新特性)利用可选链和双问号提高快速开发效率1、安装@babel/plugin-proposal-optional-chain原创 2020-12-28 17:04:23 · 320 阅读 · 0 评论 -
vue一些问题记录
vue问题记录1.不同路由共用同一组件监听路由绑定唯一key或者声明不同的view 但view引入同一个组件2.点击重复菜单页面数据不刷新方法1、路由参数加时间戳方法2、重定向3.解决开发环境热加载编译慢4.热重载和热替换5.利用postcss pxtorem自动将px转为rem1.自动更改根组件font-size2.px自动转换为rem6.解决跨域解决开发环境跨域7.优雅使用svg7.1 vue中加载svg图片,svg-sprite-loader8.解决core.js报错9.解决ie兼容问题10.comp原创 2020-12-28 16:58:35 · 980 阅读 · 0 评论 -
require.context()基础组局全局自动化注册和Vue.use()的使用
文章目录require.context() 使用场景场景1、 全局自动注册基础组件场景2、 自动导入store module场景3、 批量导入svg文件夹下的多个文件Vue.use()注册全局组件require.context() 使用场景通过该函数获取特定上下文,主要用来实现前端自动化导入模块,该方法是webpack里的require.context( directory{string},//要搜索的文件夹路径 useSubdirectories {Boolean},//是否读取原创 2020-12-28 16:47:51 · 257 阅读 · 0 评论 -
vue之keep-alive页面前进数据刷新,后退缓存
需求:现在有三个页面,首页A,带搜索框以及表格的页面B,点击B中的表格详情链接到详情页面的C当从A->B->C 再从C->B回退到B时希望能显示B中搜索框和表中的信息即C的上一页面的历史信息。解决方案:1.采用web存储,发现逻辑麻烦。2.利用vue的keep-alive我们将B中的数据缓存下来方案11.在App.vue中<keep-alive&g...原创 2018-05-04 12:24:54 · 18025 阅读 · 5 评论 -
vue关于数据刷新消失问题
问题1.在使用vuex过程中跳转页面上获得的state在刷新页面后变为初始值,即数据不能持久化解决方法:使用localstorage等存储,自己写起来总是有bug直接使用了vuex-persistedstate问题2.vue-router路由传参发现使用params传参后,页面刷新参数消失造成请求失败解决方法 this.$router.push('/xx',{name:xx所对应的组件名.在路...原创 2018-05-04 12:36:32 · 4101 阅读 · 0 评论 -
当v-model遇上vuex时报错
场景:当我们v-model的数据是存储在vuex中时写法如下时会报错computed:{ editableTabsValue2:{ return this.$store.state.activeName }}报错:Computed property "editableTabsValue2" was assigned to but it has no sett...原创 2018-08-09 11:01:28 · 3423 阅读 · 0 评论 -
vue实现点击多个tab标签打开关闭多个页面
需求:现将页面分为Header LeftSideBar Main三大模块 左侧LeftSideBar为menu菜单,点击菜单每一项,在Main中出现上部为tag标签,下部为内容 可打开多个tag标签 ,可内容切换 ,可关闭效果图1.router.js中(在LeftSideBar组件中现在有两个菜单项icons和tabs){ path:'/addtab', ...原创 2018-08-09 14:32:01 · 25622 阅读 · 12 评论