Vue - v-if和v-else-if和v-else的使用
2024-05-12v-bind:或:,v-on:或@,v-for,v-if,v-show,v-model。2.不同点:v-if存在或不存在,v-show展示或不展示。v-if和v-for在vue2或vue3中都不要同时使用,v-else,v-cloak,v-once,v-pre不需要带值。当v-if后面表达式的值为false的时候显示v-else所在的元素。当v-if后面表达式的值为true的时候显示v-if所在的元素。在vue3中v-if比v-for优先级高。v-if和v-for优先级和使用事项。_vue if else
Vue.js基础指令
2024-04-07一.插值表达式1.数据绑定最常见的形式就是双大括号的文本插..、二.基础(内置)指令v-text 指令:v-html指令v-show指令v-if指令v-show与v-if的不同V-elseV-else-ifv-on指令v-bind命令
2023年Vue2前端面试题(全面)
2024-04-20v-show通过css display控制显示和隐藏,v-if组件真正的渲染和销毁,而不是显示和隐藏,频繁切换状态使用v-show ,否则使用v-if快速查找到节点,减少渲染次数,提升渲染性能单组件生命周期: 挂载:beforeCreate==>created==>beforeMount==>mounted 更新:beforeUpdate==>updated 销毁:beforeDestory==>destoryed父子组件生命周期: 挂载:parent_vue2面试题2023
js,jquery,vue设置html标签隐藏不显示
2024-04-13使用js将id=myElemnt的标签隐藏。vue隐藏 v-show的值为false。_vue隐藏标签
使用v-show控制Echarts模块显隐导致宽度无法控制
2024-04-12使用v-show控制Echarts模块显隐踩坑总结_v-show echarts
element-ui el-table表格高度自适应
2024-04-07vue包含一些官方指令,比如v-if、v-for、v-html、v-show等等。那如何创建一个属于自己的指令呢?自定义指令有两种,一种是全局的,一种是局部的,我这里只讲解全局的。_vue elementui el-table表格实现高度自适应
用echarts绘制流程图
2024-03-15当这两个流程图进行切换展示时,一定要使用v-show。_echarts 流程图
2023vue面试题
2024-03-1124.watchEffect函数和computed的区别。10.vue中,组件化中data为什么是函数。8.vue是如何检测数据的原理(响应式)12.vue脚手架中目录分别是什么意思。22.路由的hash和history。6.v-if和v-show的区别。2.数据双向绑定(数据代理)7.v-for中key的作用。1.谈谈你对vue的了解。14.vue组件之间传值。5.计算属性与监听属性。13.浏览器的本地存储。3.对mvvm的理解。11.组件的创建过程。15.vue解决跨域。23.vue3的优点。_vue面试题2023
vue实现鼠标经过显示悬浮框效果,使用Vue的v-show指令和CSS的:hover伪类,利用Vue的数据绑定
2024-03-10在上面的代码中,我们在组件的data选项中定义了一个名为showTip的数据属性,并将它的初始值设置为false,表示悬浮框默认是不显示的。在模板中,我们使用@mouseover和@mouseleave监听鼠标经过和离开事件,然后修改showTip的值来控制悬浮框的显示和隐藏。利用Vue的数据绑定,实现鼠标悬浮时显示悬浮框,鼠标移开时隐藏悬浮框的效果。如果需要实现多个鼠标悬浮框效果,可以在组件中添加多个showTip属性,并使用不同的名称来控制各自的悬浮框显示和隐藏。步骤二:为悬浮框添加样式。_vue鼠标悬停并以悬浮框显示
【vue2】vue2中的性能优化(持续更新中)
2024-03-061.v-for 遍历避免同时使用 v-if2.v-for 中的key绑定唯一的值3.v-show与v-if对性能的影响4.妙用计算属性5.使用防抖与节流控制发送频率6.路由守卫处理请求避免重复发送请求7.使用第三方UI库的引入方式_vue2性能优化