在很多网站中，用移动端浏览器和 PC 端浏览器访问同一个路由时，展示的页面是不一样的。这篇文章实现了在 Nuxt3 中，根据设备类型的不同，使用 pages 目录下不同的文件夹作为路由的 “根目录”。

脚手架用的是vue-cli,vite还不太稳定，很多第三方库也存在兼容问题，为了能正常在实际项目中使用，还是选择了vue-cli。 然后 Vue 选 3.0, css预处理器，看个人习惯，sass,less,stylus都可以。 创建完项目，把那些不需要的页面例如:hellow…

今天在vue3+vite项目练习中，在使用svg时，发现之前的写法不能用，之前的使用方法参考：vue2中优雅的使用svg然后就各种资料查找，终于实现了，废话不多说，直接上代码：stept1:文件目录s

5.watchEffect 监听器的升级版本，立即执行传入的一个函数，并响应式追踪其依赖，并在其依赖变更时重新运行该函数。 6.reactive 接收一个普通对象然后返回该普通对象的响应式代理。等同于 2.x 的 Vue.observable(),注意在源码中明确显示需要传递一…

Vite1还没用上，Vite2已经更新了，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长打算以Vite2+Vue3为主题开启大家的前端学习之旅。 Vite2主要变化在插件体系，这样更标准化、易扩展。Vite2插件API扩展自Rollup插件体系，因…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

这里我们实现 Vue watch 的机制，computed 类似。 Vue3 使用方式: effect(() => state.xxx, (val, oldVal) => {})，第一个回调函数指明需要 watch 的字段，第二个为需要处理的回调函数。 还得考虑一个问题就是我们…

vue官方推荐的是单文件 .vue 编写组件，简单易学但没有jsx灵活，很多知名的UI库最终选择了使用jsx，例如：ant-desing-vue, vant。但是在 vue 中使用 jsx 也存在一些问题。比如：大部分 vue 指令无法使用或者很难使用。在 vue3 中专门开了…

文章内容有点多，加不了样式了，大家将就看一下。 上周，vue3 one piece正式版发布了（话说尤大这个用动漫名定义版本号的习俗什么时候轮到火影啊啊啊），在给尤大疯狂打call的同时，也是咱们开始爆肝学习的时候了。 我对比了vue2和vue3，在这里列举出使用方法，功能或者…