随笔分类 -  vue3

vue3的getCurrentInstance获取组件实例踩坑记录
摘要：一、getCurrentInstance基本用法我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象Vue2中，可以通过this来获取当前组件实例；Vue3中，在setup中无法通过this获取组件实例，console.log(this)打 阅读全文
posted @ 2025-05-13 10:44 土小狗 阅读(2334) 评论(0) 推荐(0)
Vue3--Vite和Pinia
摘要：一、PNPMpnpm是 Node.js 的替代包管理器。它是 npm 的直接替代品，但速度更快、效率更高。 为什么效率更高 ？ 当您安装软件包时， 我们会将其保存在您机器上的全局存储中，然后我们会从中创建一个硬链接（pnpm 通过硬链接的方式保证了相同的包不会被重复下载，比如说我们已经在 A 中下载 阅读全文
posted @ 2024-12-21 18:27 土小狗 阅读(207) 评论(0) 推荐(0)
Vue3 开发必备的 VSCode 插件
摘要：分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。 1、Volar 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法 阅读全文
posted @ 2023-05-05 15:02 土小狗 阅读(8536) 评论(0) 推荐(0)
Vue3的8种组件通信
摘要：Vue3 组件通信方式 props $emit expose / ref $attrs v-model provide / inject Vuex mitt Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法，如下 方法一，混合写法 // Parent.vue 传送 阅读全文
posted @ 2022-07-29 10:58 土小狗 阅读(705) 评论(0) 推荐(0)
Vue3.0新特性----emits选项
摘要：emits 官方文档传送门 Vue官方建议我们在组件中所有的emit事件都能在组件的emits选项中声明 emits参数有俩种形式对象和数组，对象里面可以配置带校验emit事件，为null的时候代表不校验，校验的时候，会把emit事件的参数传到校验函数的参数里面 当校验函数不通过的时候，控制台会输出 阅读全文
posted @ 2022-06-29 16:44 土小狗 阅读(1086) 评论(0) 推荐(0)
Vue3基础知识点总结
摘要：1. 变更的语法 1. $on 移除 vue3 默认不支持eventBus模式 2. filter 语法 vue3直接移除 {{msg}} methods替换 3. .sync 基于prop双向绑定 v-model 2. 对比选项式组合式API区别 1. 选项式功能的实现时分割的不在一起的 组合式功 阅读全文
posted @ 2022-04-08 18:14 土小狗 阅读(575) 评论(0) 推荐(0)
Vue3基础介绍大全
摘要：vue3.0正式版本已经发布超过一年,社区生态已经完善,所以,是时候开始使用vue3.0了 目前已支持 vue3 的UI组件库 ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/ant-design-vue 是 Ant Design 的 Vu 阅读全文
posted @ 2022-04-02 17:10 土小狗 阅读(10188) 评论(0) 推荐(2)
创建一个vue3+vite+ts的项目(包含各种集成)
摘要：使用 Vite 快速搭建 Npm npm init @vitejs/app` Yarn yarn create @vitejs/app 选择vue- vue-ts 安装依赖 npm install 启动项目 npm run dev 修改 Vite 配置文件 import { defineConfig 阅读全文
posted @ 2022-04-01 11:35 土小狗 阅读(821) 评论(0) 推荐(0)
创建一个vue3项目
摘要：1. 创建一个普通的vue3项目 npm i -g @vue/cli //全局安装最新vue构建工具 (默认最新) vue create testvue3 //创建一个名为myvue3的项目 选择 Default ( Vue 3 Preview) //运行项目 cd testvue3 yarn se 阅读全文
posted @ 2022-04-01 09:52 土小狗 阅读(584) 评论(0) 推荐(0)
浅谈TypeScript
摘要：基本类型 typescript可以理解为就是加了类型标注的javascript。 这样就可以在写代码的时候帮助们进行代码的校验，主要是数据格式的校验，不过最终typescript的代码还是需要转成javascript，这样才能在浏览器中运行，转换暂时不用考虑，vue开发环境支持编译typescrip 阅读全文
posted @ 2022-03-03 10:59 土小狗 阅读(116) 评论(0) 推荐(0)
浅谈Vue3的watchEffect用途
摘要：vue2里面的 watch api 大家应该都挺熟悉的了， vue2中vue实例里面有一个 $watch 方法 在sfc(sigle file component)里面有一个 watch 选项。他可以实现在一个属性变更的时候，去执行我们想要的行为。比如： 当ID改变的时候，从数据库里面获取新的数据。 阅读全文
posted @ 2022-02-24 17:07 土小狗 阅读(315) 评论(0) 推荐(0)