标签自动引入下的文章

Nuxt3使用pinia并持久化处理，同时配置自动引入自定义的仓库store模块

木灵鱼儿 1月前 nuxt

Nuxt3使用pinia并持久化处理，同时配置自动引入自定义的仓库store模块

前言需要注意的是，我们的pinia仓库持久化操作只有在客户端渲染时操作才能触发，比如当第一次访问页面时，你可能直接在setup中给仓库存储内容，这是无效的，我们需要保证在客户端渲染时触发才行，比较好的办法就是在onMounted生命钩子中触发。究其原因就是服务端是没法操作local、cookie这些浏览器配置，而在setup中的代码，是会在服务端也运行的，这就可能导致部分代码到了客户端不再运行。教程安装依赖pnpm i @pinia/nuxt @pinia-plugin-persistedstate/nuxt安装成功后在nuxt.config.ts中配置模块：// nuxt.config...

587 0 0

自动引入 pinia Nuxt3

vite中正确使用unplugin-auto-import实现自动引入vue相关依赖

木灵鱼儿 9月前 vue 项目实战

vite中正确使用unplugin-auto-import实现自动引入vue相关依赖

前言unplugin-auto-import这个插件用于解决在书写组件时，总是需要从vue中import引入相同依赖的重复劳动。import { computed, ref } from 'vue' const count = ref(0) const doubled = computed(() => count.value * 2)使用自动引入后就不需要手动一个个importconst count = ref(0) const doubled = computed(() => count.value * 2)对于想偷懒的人来说，还是挺不错的。插件会在代...

2276 81 2

自动引入 ts vite

vite中正确使用unplugin-auto-import实现自动引入vue相关依赖

vant中Dialog与自动引入插件unplugin-vue-components冲突的问题

木灵鱼儿 9月前 vue 项目实战

vant中Dialog与自动引入插件unplugin-vue-components冲突的问题

最近碰到一个巨奇葩的问题，项目中采用了unplugin-vue-components，但是vant的组件引入又是import手动按需引入，加上一些很奇怪的配置，导致项目配置变得复杂了，于是抽空将项目的配置全部梳理了一遍，并将import手动按需去除，全部采用自动引入的方式，通过分析打包后的包体，可以看到减少了100kb左右的大小，效果非常可观。但是问题也出在这了，当我使用自动引入的时候，vant的Dialog组件出现了问题，表现为：当我通过组件的形式使用时，弹窗会自动打开，显示还有问题，但是查看v-model:show变量是false；我开始以为是样式问题，单独引入dialog样式无效，...

745 2 0

vant 自动引入 dialog

vue3+ts+vite4的一些踩坑实录

木灵鱼儿 11月前 vue 项目实战

vue3+ts+vite4的一些踩坑实录

全局方法挂载和类型声明全局挂载还是很简单的，照着官方的例子写就可以了，我的做法是创建了一个单独ts文件，通过app.use()的方式来进行批量挂载，代码如下：import type { App } from "vue"; /** * @description: 获取assets文件 * @param {string} path * @Date: 2023-05-05 10:05:18 * @Author: mulingyuer */ export function getAssetsFile(path: string): string { retu...

1729 126 0

自动引入环境变量 eslint

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

木灵鱼儿 3年前 vue 项目实战

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

最近遇到一个需求设计一个开发的环境，由于产品本身很庞大，所以需要划分区域开发，每个人负责一个部分，但是又不太想使用官方的那种资源分布的模式，想独立开发，最后整合，且不相互干扰。于是有了这个。[hide]具体要求需要将每个分类单出拆分为一个独立的项目模块，里面有路由、vuex、组件、单页、静态资源等目录。例如：商城：购物车、订单页、商品页、设置页...文章：新建文章、文章列表、修改页、标签页...由于这种分类非常多，所以需要将类似商城、文章这些作为一个模块，每个小组负责一个模块开发，开发vue文件，组件、vuex、路由、静态文件、导航菜单都单独拆分，自己这个项目写一个入口文件，用于资源的调...

5.1w 0 108

模块 vue vue-cli

标签：自动引入

Nuxt3使用pinia并持久化处理，同时配置自动引入自定义的仓库store模块

vite中正确使用unplugin-auto-import实现自动引入vue相关依赖

vant中Dialog与自动引入插件unplugin-vue-components冲突的问题

vue3+ts+vite4的一些踩坑实录

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

标签：自动引入

Nuxt3使用pinia并持久化处理，同时配置自动引入自定义的仓库store模块

vite中正确使用unplugin-auto-import实现自动引入vue相关依赖

vant中Dialog与自动引入插件unplugin-vue-components冲突的问题

vue3+ts+vite4的一些踩坑实录

vue 多模块集成，每个模块为一个项目，共用依赖且独立开发，自动引入模块，导航也独立于模块，自动引入

最近评论

博客文章RSS订阅

博客评论RSS订阅