![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vuejs
俊隽X
喜Web开发、嵌入式及算法研究
展开
-
vue.js子辈组件访问父辈组件,利用provide/inject动态传参数,实现响应式数据绑定
引入在vue前端的开发中,难免会遇到子辈组件跨层级访问(祖)父辈组件属性、函数的情况,通常来说,在子父中,我们大多会使用$parent实现,但在跨越层级过多时,就需要provide/inject来实现了。如果你会搜索到这篇文章,你应该已经发现了:官方的provide/inject组合并不能实现响应式的动态数据绑定,于是官方会推荐你使用vuex(狗头⚠️)该特性的缺位,使得父辈组件是ajax异步获取数据,再将数据通过provide传递给子辈组件的场景下,子辈组件不能顺利拿到异步获取到的数据(因为原创 2020-08-03 22:38:40 · 1524 阅读 · 2 评论 -
eslint和prettier配置避免冲突并统一代码风格,使用tab缩进
导言eslint和prettier是前端开发中两款非常强大的代码检查和格式化工具,但强大也意味着这两者经常发生冲突。对eslint和prettier在开发前进行协同完美的配置是相关重要的,可以避免冲突等麻烦,简化美化开发过程,确立团队或个人的开发风格。以下修改为个人风格总结所得,读者可根据自己需求增加减。eslint配置项目根目录的.eslintrc.js文件,下面代码都添加在rule块中修改为tab缩进:在rule下面添加"indent": ["error", "tab"]或你也可以关闭缩进检原创 2020-07-18 17:20:36 · 6572 阅读 · 0 评论 -
axios 设置header
axios post get 设置header 设置参数原创 2020-02-19 10:42:49 · 13561 阅读 · 2 评论 -
Vuejs Router Url链接隐藏参数、可选参数,使用路由组件属性传参,实现页面间隐式可选传参
之前说自爆学生身份是在装逼,行,这次我就不说那么多了。让那些喷子自己乱吠吧,随心写写就好。目的我有两个页面/user/login/index我希望,在页面跳转时,可以相互传参,且参数是可选的即当我在/user/login登陆失败时,我退转回/index,并告知/index页面显示一个错误信息,实现页面间的通信最简陋的方法const router = new VueRoute...原创 2020-02-19 09:43:59 · 3980 阅读 · 0 评论