摘要：在开发中，我们经常使用vue2封装一些弹窗、抽屉组件， 但是vue3的用法与vue2又不同，记录下本次使用vue3基于element plus封装的一个抽屉组件 开发思路是，关闭和打开抽屉组件的方法定义在子组件中并使用defineExpose方法将子组件的方法暴露给父组件， 在父组件中调用子组件暴露 阅读全文

摘要：最近在使用vue3开发基于flask后端的前后端分离项目时候， 设置路由守卫时一直无法获取到登录后的cookie中session值 但是在浏览器中却可以看到cookie 先上代码 router.beforeEach((to, from, next) => { if (to.path == '/log 阅读全文

摘要：在使用vite开发vue项目时，我们异性习惯vue2的方法导入图片，结果导致各种找不到图片 以下是错误方法 <img :src="logo" class="login-logo" /> const url = reactive({ logo: '../../assets/logo.svg' }) c 阅读全文

摘要：一，vue2如何全局挂载实例 先import实例，再使用vue.prototype.xxx挂载全局 使用：this.xxxthis.xxx 二，vue3如何全局挂载 app.config.globalProperties.xxx 使用：// 引入vue的 getCurrentInstance 方法i 阅读全文

摘要：最近在使用vite创建vue3+ts项目时，不经意发现一些小问题，对这些小问题进行深究的时候， 会加深我对vue3的一些新理解 今天碰到的一个问题就是我使用vite创建一个vue3+Ts项目后，看到各处引用 的vue组件路径上一堆红色波浪线（.ts文件无法识别vue组件，但又不影响代码运行） 随手百 阅读全文

摘要：这个小例子是学习vue3与pinia状态管理工具时写的一个简单的购物车功能， 它实现了从模拟接口(node.js的json-server提供)读取商品数据，到添加商品到购物车和购物车中删除商品等购物车主要功能 准备工作，执行 npm i pinia -G 安装pinia 执行 npm json-se 阅读全文

摘要：01-gitting-started vue3基础 <template> <div> {{ count }} <button @click="handelClick">add</button> </div> </template> <script setup> import { ref } from 阅读全文