Vue实战系列教程二，本篇是针对线上项目从cli2升级到cli3的一个过程，记录了升级（爬坑）过程，其中包括了cli3的变化， vue.config.js的关键配置，以及 项目结构组织 和 构建流程优化 等内容，对 cli3 项目搭建中应知应会的知识点做了一个实践总结。

最近接手了一个 UI 需求，设计想让实现一个 popup，它可以在屏幕任意方向弹出一个自定义的样式。我首先考虑到的就是使用 vant 这个组件库中的 popup，但是发现它不是特别能满足我的需求

`toRaw`是将一个Proxy代理对象转换成普通对象，`markRaw`则是将一个普通对象标记为不可Proxy代理的对象。那么，以响应式为中心的vue为什么会提供这两个api呢？

前言 彦祖们,在日常开发中,不知道你们是否遇到过这样的场景 在本地测试开发 vue 组件的时候非常顺畅 一上生产环境,客户说数据展示错误,样式不对... 但是你在本地测试了几次,都难以复现 定位方向

说起 Vue3 的响应式系统，大家估计都会第一时间不约而同地想到 Proxy；诚然，proxy 在整个响应式系统中扮演了非常重要的角色，但是它并不是响应式系统的全部。 今天我们就来一起探索一下 Vue

名称：useSessionStorage 封装原因： 功能开发过程中，需要进行数据的临时存储，正常情况下，使用localStorage或者 sessionStorage，存在于 window 对象中，

在日常开发中，我们需要不停的新建页面和组件。以 Vue 项目为例，我们在新建一个页面的时候，需要经历一遍又一遍重复的过程： 假设新建一个页面，并复制粘贴模板代码需要 1 分钟的时间，一个项目如果有 60 个页面，就得花费 1 个小时写这种重复性高、无聊且枯燥的代码。这显然不是我…

活动页，是各个互联网公司一个头疼的问题。为了跟上对手的脚步，需要时不时就要搞点花样。频繁重复的作业对于前端团队来讲是一件非常头疼的事情。活动发布系统是迫切需要的，让运营人员自己通过这个配置化活动页发布系统完成活动的发布。 但是配置化活动发布系统对灵活性，扩展性，维护性都具有很大…

近期在利用axios向后台传数据时，axios默认传的是用application/json格式，若后台需要的数据格式为key/value格式，可以在axios的config中进行配置，也可以用qs.s