翻译来自： https://logaretm.com/blog/2020-12-23-type-safe-provide-inject 本文是一篇关于 provide/inject TypeScrip

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用； Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 se

目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法看起来很香,用起来也爽。

在做金额输入的时候，就需要限制小数位数，以及最大数最小数。 在网上找了很久，找到一个插件，但是忘记保存那篇博客了。。。 不过在实际使用过程中我发现在按键弹起后并且输入的值超过限制大小，那个插件只会修改输入框的值，并没有修改到v-model绑定的值，于是只好自己修改了一下，使插件…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

svg-sprite-loader 的插件，用来根据导入的 svg 文件自动生成 symbol 标签并插入 html，接下来就可以在模版中方便地使用 svg-sprite 技术了。 这时候发现还是不行啊，body 中并没有看到 symbol 标签。 配置好了，就可以用了。使用方…

JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析. 想折腾一下呗,开玩笑.最开始是因为近期在学习react,在里面体验了一把jsx语法,发现也并没…

在使用vue + vue-router开发SPA的时候，有没有遇到过这样的情况：当我们在列表页和详情页之间切换的时候，如果列表页不做缓存，会导致每次从详情页返回时，列表页都会重新加载。如下图： 细心的朋友已经发现了，当从详情页返回列表页的时候，列表页重载了，这样的体验显然不好，…

一个web app的实际使用场景中，有一些情景的交互要求，是记录用户的浏览状态的。最常见的就是在列表页进入详情页之后，再返回到列表页，用户希望返回到进入详情页之前的状态继续操作。但是有些使用场景，用户又是希望能够获取最新的数据，例如同级列表页之间切换的时候。 如此，针对上述两种…