目录vue项目构建之jsconfig.json作用VScode的配置vue项目构建之jsconfig.json作用由于webpack别名配置好以后，如果想要在vscold中可以正确提示路径，就需要配置jsconfig.json文件：再项目目录下创建jsconfig.json文件{"compilerOptions": {"baseUrl": ".","paths": {"@/*": ["src/*"

vite一些普通的配置

目录vue3之reactive定义复杂数据为响应式数据reactive定义数组 对象等reactive定义数组reactive定义对象readonlyshallowReactivevue3之reactive定义复杂数据为响应式数据reactive定义数组 对象等reactive定义数组<template><div><button @click="btn1">按钮

目录vue3之传送组件( 可以 定义的组件 插入再body等)vue3之传送组件( 可以 定义的组件 插入再body等)Teleport 是一种能够将我们的模板渲染至指定DOM节点，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术；类似于 React 的 Portal。主要解决的问题 因为Teleport节点挂载在其他指定的DOM节点下，完全不受父级style

目录vue之Form和FormItem组件的封装思想Form.vueFormItem.vue使用组件vue之Form和FormItem组件的封装思想Form.vue<template><div><slot></slot></div></template><script>export default {name: "

vue3之组件通信 （props父传子，子传孙），ref拿到子组件的数据，ts定义数组类型vue3之中的组件，再引入的时候，可直接使用，不用类似vue2时，还得再components 组成当前组件，才能使用

目录vue3之生命周期组件被创建时，一定调用的两个hock函数组件内的值更新后，会触发的两个hock函数组件被销毁时，会触发两个hock函数vue3之生命周期组件被创建时，一定调用的两个hock函数onBeforeMount 与 onMounted组件挂载前，组件挂载后(dom节点渲染完毕了，可操作dom节点等，也可以进行数据的请求)<template><div></

目录vue3之基础语法基础的样式写法动态样式之 对象写法动态样式之 数组写法v-for循环v-modelvue3之基础语法基础的样式写法动态样式之 对象写法方法1用ts定义当前对象的type数据类型 type style定义当前的样式的数据 const style定义当前显示的 数据 msg<template><div><div :style="style">{

目录vue3之lodash第三方库的使用对数据的加减乘除vue3之lodash第三方库的使用官网：lodash官网作用：就是封装了一些常规的方法数字的浮点数进度问题等下载yarn add lodash -Syarn add @type/lodash -D使用import lodash from 'lodash'对数据的加减乘除<template></template>&lt

目录vue3之transition动画组件一个简单的过度效果 淡入淡出自定义过度 动画的类名animate动画库vue3之transition动画组件<transition name="fade"><div v-if="flag2" class="box">我是动画啊</div></transition>动画组件就是使用 transition 组件，