- vue2实现高度过渡效果，函数式组件
1.首先创建src下创建utils文件夹，创建transition.js文件封装过渡组件consttransitionStyle='0.3sheightease-in-out'constTransition={//进入前设置el元素的transition,高度0beforeEnter(el){el.style.transition=transitionStyleel.style.height......
- vue项目管理
1.端口const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,devServer:{port:13500//替换为您希望使用的端口号}})2.代理module.exports=defineConfig({devServer:{port:1350......
- 【MySQL】2-深入理解MySQL体系认识及SQL的执行
文章目录MySQL体系认识及SQL的执行MySQL体系结构clientconnectorsConnectionPoolSQLInterfaceParserOptimizer文件系统Cache工作原理缓存配置限制条件各存储引擎CSV引擎【表格存储】Archive存储引擎【压缩协议】Memory存储引擎【存储内存中、热点数据】Myisam【8.0淡出了历史舞......
- Vue3——基于tdesign封装一个通用的查询组件
前言基于Vue3+TS+tdesign封装一个通用的查询组件；临时写的一个demo内容组件代码<template><t-formref="form":model="formData"inline><t-form-itemv-for="iteminformConfig":key="item.name":label="item.label&qu......
- vue父子组件通信
一：在子组件中通过this.$parent.event来调用父组件的方法父组件：<template><div><child></child></div></template><script>importchildfrom'./components/dam/child';exportdefault{components:{......
- vue自动导入组件和自动导入类库 api
vue3项目中，使用vue常用的api比如vuex的api或者ref,reactive等，以及导入多个自定义组件、UI组件库的组件，都需要反复的手动导入，注册，很是影响开发体验，这里推荐antfu开源的两个插件，上链接：自动导入组件https://github.com/antfu/unplugin-vue-components自动导入类库a......
- windows环境下的vue部署（使用nginx）
首先需要将vue项目打包成dist，在需要部署的服务器上进行解压然后我们使用nginx进行反向代理设置，具体操作如下打开解压后的nginx，进入目录：nginx-1.23.4->conf，打开编辑nginx.conf*注意：对于后端路径的映射这里一定是^~/前缀/对应于地址的端口/前缀/，这里一定是两个//包裹。以下......
- vue2子组件切换，监听方法失效（监听多个字段）
记录下问题本来是在父页面上放了多个子组件，利用单选按钮控制每个组件，选择了某个按钮，设置该组件控制字段为true,例如v-if="component"来控制销毁创建，根据component=true或者flase来控制子组件创建或者销毁后来发现子组件切换时，监听不生效，监听方法也加了immediate=true,当几个按钮......
- vue中＜script setup＞中使用watch、computed、props、defineExpose、defineEmits等方法
<scriptsetup>是在单文件组件(SFC)中使用组合式API的编译时语法糖。相比于普通的<script>语法，它具有更多优势：更少的样板内容，更简洁的代码。能够使用纯TypeScript声明props和抛出事件。更好的运行时性能(其模板会被编译成与其同一作用域的渲染函数，没有任何的中间......
- vue this.$set的作用
在Vue.js中，this.$set是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。Vue.js通过观察对象的属性来追踪其变化，从而实现数据的响应式。然而，当您添加一个新的属性时，Vue无法自动追踪该属性的变化。这就是this.$set方法派上用场......