07 2022 档案
摘要:vite 创建 vue3 项目 TS 类型 之前学习过 vue2 的宝子们是知道的,当时我们开发 vue2 项目呢,使用的是 js 编码。当 vue3 发布之后,很多小伙伴尝鲜,很多人都已经知道了 vue3 的底层是用 ts 来写的,所以呢,vue3 对于 ts 的支持和适配已经是相当不错了,所以说
阅读全文
摘要:Vue3 Pinia使用 在学习 Vue2 的宝子们一定都知道,在 vue2 版本中,如果想要使用状态管理器,那么一定是集成 Vuex,首先说明一点,Vuex 在 vue3 项目中依旧是可以正常使用的,是 vue 项目的正规军。但是,今天我们学习一下小菠萝,Pinia 目前也已经是 vue 官方正式
阅读全文
摘要:vue 中国省市区级联数据下拉工具 最近vue玩的时候需要有一个全国省市区县的下拉工具选择地区,并且需要获取地市的行政编码。找了一个比较好用的插件,稍微分享一下。 element-china-area-data 这是一个中国省市区连级数据下拉工具,可以获取行政区编码,也可以获取省市区的名称,具体的效
阅读全文
摘要:Vue3 组件传值 今天说一下 vue3 的组件间传值,学习过 vue2 的宝子们肯定知道,组件传值是 vue 项目开发过程中必不可少的功能场景,在 vue2 里面有很多传值的方式,vue3 的传值方式呢,在这里稍微整理总结一下,但是不是很全,后期可能慢慢补充。 父子组件传值 props 和 vue
阅读全文
摘要:Vue3 shallowRef 和 shallowReactive 嗯,怎么说呢,其实这两个函数并不是很常用,在开发过程中基本上用不到,但是呢,我不写我又感觉少点啥,所以说就简单的说一下吧,其实不看也可以哈。 shallowRef 和 shallowReactive shallowRef 函数,只处
阅读全文
摘要:Vue3 watchEffect 侦听器 上一节我们学习了 watch 侦听器的基础用法,用来监听页面数据的变化,那么今天呢,我们来学习一下 watch 侦听器的好兄弟 watchEffect 侦听器。这个相对来说比较简单,用的不是很多,当然了,根据自己的项目情况自行决定使用。这个就不详细说了,简单
阅读全文
摘要:Vue3 侦听器 watch 上一节我们简单的介绍了一下 vue3 项目中的计算属性,这一节我们继续 vue3 的基础知识讲解。 这一节我们来说 vue3 的侦听器。 学过 vue2 的小伙伴们肯定学习过侦听器,主要是用来监听页面数据或者是路由的变化,来执行相应的操作,在 vue3里面呢,也有侦听器
阅读全文
摘要:Vue3 计算属性 上一篇博文说了 vue3 项目的 toRefs 函数和 toRef 函数,今天就稍微总结一下 vue3 的计算属性,其实学过 vue2 的宝子们应该都清楚,计算属性这个东西在项目开发过程中使用的还是比较频繁的,使用频率相对来说比较高,所以说咱今天稍微总结一下 vue3 项目中的计
阅读全文
摘要:Vue3 toRef 和 toRefs 函数 上一篇博文介绍了 vue3 里面的 ref 函数和 reactive 函数,实现响应式数据,今天主要来说一下 toRef 函数和 toRefs 函数的基本使用。 toRef 函数 通过上一篇博客,我们知道,ref 函数可以创建一个响应式的数据,那 toR
阅读全文
摘要:vue3 ref 和 reactive 函数 前言 上一篇博文介绍 setup 函数的时候,最后出现一个问题,就是在 setup 函数中,编写一个事件,直接去修改定义的变量,发现页面上没有更新成功,并且控制台报错,那这篇博客就是讲解遇到的这个问题应该如何处理。 ref 函数介绍 ref 作用就是将基
阅读全文
摘要:Vue3 setup 函数 vue2 和 vue3 开发的区别 首先,目前来说 vue3 发布已经有一段时间了,但是呢,由于还处于优化完善阶段,对于 vue3 开发项目的需求不是很高,主要还是以 vue2 开发为主,但是相信,vue3 进行项目开发是大势所趋。 vue2 开发项目过程中,会存在代码冗
阅读全文
摘要:Vue3 生命周期 先说点啥哈,我之前学习过 Vue2,但是呢,Vue3 也发布不少时间了,尽管现在大部分公司还是在使用 Vue2 做开发,但是 Vue 之父尤雨溪曾经说过,Vue3 是未来的趋势,建议初学者直接学习 Vue3,但是现在 Vue3 尽管发布,但是有些地方还在维护更新,难免会出现一些小
阅读全文
摘要:Vue3 + Vite 实现项目搭建 首先嘞,这个博文就是简单的记录一下自己的对 Vue3 的学习,所以说呢,并不代表他是完全正确的。 Vite 创建 Vue3 项目有两种常见的方式,一种是想 vue2 版本一样使用脚手架工具创建,创建 vue3 项目的脚手架必须是4版本以上的,另一种方法就是使用
阅读全文
摘要:vue3 - 介绍 vue3 简介 vue3提供了更好的性能,更小的捆绑包体积,更好的TS集成,用于处理大规模用例的新 API。 3.0版本的vue,开发周期长达两年多。 3.0的发布,标志着此框架整体呈现出可用状态,尽管框架的某些子项目可能仍需要进一步开发才能打发哦稳定状态,特别是路由和VUEX的
阅读全文