Vue3的生命周期函数
文章目录 🌟 写在前面🌟 生命周期钩子函数🌟 组合式API生命周期🌟 写在最后 🌟 写在前面 专栏介绍： 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相关技术文章，Vue 框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因，和 Vue 框架相比其他框架的巨大优势，有兴趣的伙...
从0搭建Vue3组件库(二):Monorepo项目搭建
本篇文章是从0搭建Vue3组件库系列文章第二篇,本篇文章将带领大家使用pnpm搭建一个简单的Monorepo项目,并完成包的关联与测试什么是 Monorepo其实很简单,就是一个代码库里包含很多的项目,而这些项目虽然是相关联的,但是在逻辑上是独立的,可以由不同人或者团队来维护为什么要用 pnpmpnpm 对于包的管理是很方便的,尤其是对于一个 Monorepo 的项目。因为对于我们即将开发的组件库...
Vue3中的setup语法糖、computed函数、watch函数
录 🌟 写在前面🌟 setup 语法糖🌟 computed函数🌟 watch 函数🌟 写在最后 🌟 写在前面 专栏介绍： 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章，应粉丝要求开始更新 Vue3 的相关技术文章，Vue 框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因，和 Vue 框架相比其他框架的巨大优...
vue3-HTTP请求之axios
文章目录 vue3-HTTP请求背景axios安装axios并引入axios POST提交数据工作中遇到常见问题has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource 参考 vue3-HTTP请求 背景 vue本身不支持发送AJAX请求，需要...
Vue Demi是如何让你的库同时支持Vue2和Vue3的
Vue Demi是什么 如果你想开发一个同时支持Vue2和Vue3的库可能想到以下两种方式： 1.创建两个分支，分别支持Vue2和Vue3 2.只使用Vue2和Vue3都支持的API 这两种方式都有缺点，第一种很麻烦，第二种无法使用Vue3新增的组合式 API，其实现在Vue2.7+版本已经内置支持组合式API，Vue2.6及之前的版本也可以使用@vue/composition-api插件来支持，所以完...
vue3.2组件通讯的七种方式
本文主要介绍Vue3组件的七种通讯方法，并采用<script sutup>组合式API写法。 涉及到的知识点如下： propsemitexpose/refv-modelprovide/injectmittVuex/pinia一、props【父组件传值给子组件】 <!-- Parent.vue --><template> <Child :meg="message"></Child></te...
vue3+ts 实现文件在线预览
一、背景 企业微信自建项目中要求PC端也能进行文件预览，但是企业微信提供的接口只能在移动端使用，通过查阅资料修改成贴合项目的方法。参考：https://blog.csdn.net/w_t_y_y/article/details/115767747 kkFileView官方文档 二、preview-file组件 1.三种方式： ①、Office Web 查看器 http://view.officeapps...
Vue3侦听器（watch）
侦听数据源类型 watch 的第一个参数可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个 getter 函数、或多个数据源组成的数组： const x = ref(0)const y = ref(0) // 单个 refwatch(x, (newX) => { console.log(`x is ${newX}`)}) // getter 函数watch(...
【vue3】element-plus，Checkbox-Group多选框之绑定选中数据不选中问题
今天记录一下在新项目vue3中，使用的element-plus组价库遇到的一个问题！场景如下：有一个表格的column绑定的数组对象，我需要对表格的头部实现动态可配置显示表格列，由于绑定的column是一个数组对象，重点来了，element-plus的文档中label绑定的值新增了object 属性，但实际绑定的对象却不生效无法显示已选中状态，如下 我尝试个各种结果后还是无法显示选中状态，所以我临时更换了...
vue2.x与vue3.x中自定义指令详解
定义指令钩子函数（1）bind与update区别（2）update与componentUpdated区别（3）钩子函数的参数（摘自官网）（4）局部自定义指令（5）全局自定义指令（6）简写形式 🍔 三、Vue3.x自定义指令钩子函数（1）指令钩子函数（摘自官网）（2）钩子函数参数（3）局部注册两种方式（4）全局注册（5）简化形式 🌮前言 vue自定义指令(2.x丨3.x)可以帮助我们实现需要操作，比如防抖、...