Vue中的key

关于key,我们常常在v-for中会接触到,当我们需要进行列表循环的时候,如果没有使用key,就会有警报提示。 123456//场景一:循环列表<div v-for="num in numbers" :key="i...

computed和watch的区别

computed和watch的区别一、这两者解决的问题当我们的数据发生改变的时候,所有和该数据有关的数据都自动更新,执行我们定义的方法。不同于methods是需要相关的方法和交互来实现调用执行的。二、computed和watch以及methods的区...

v-show和v-if的区别

1 、本质上 v-show 是把标签里的 display 设置为 none ,所以页面上是可见的 v-if 是动态的操作 DOM 元素,页面上不可见的 2 、性能上 要是需要频繁的操作的话,肯定是v-show ,因为他只是操作css的值,不会频...

Vue-router中hash模式和history模式的区别

最明显的是在显示上, hash 模式的 URL 中会夹杂着#号,而 history 没有。 Vue 底层对它们的实现方式不同。 hash 模式是依靠 onhashchange 事件(监听 location.hash 的改变),而 history 模...

Vue中实现组件通信的方式

在VUE中实现通信有很多种的方式,每一种都有其对应的使用情况。首先我们看看有哪些方式: props emit v-model refs provide/inject eventBus uex/pinia(状态管理工具) 常见的...

Vue-router

一、路由常见的属性路由的两个属性$router和$route。$router1.$router.app2.$router.mode3.$router.currentRoute4.router.addRoutes(routes)5.router.bef...

Vue的生命周期

一、各个生命周期的作用 Vue 的生命周期就是 Vue 实例从创建到销毁的过程,包括了它的初始化、渲染、更新、销毁等多个阶段。每个阶段 Vue 都会触发特定的生命周期钩子函数,让开发者有机会在不同的时间点执行代码。 首先在Vue生命周期中有十个阶段:...

Vue的优点和特点

一、优点1.首先是双向绑定这也是我们使用框架的一大优势,VUE使用MVVC架构,在VUE.2X中使用Object.definProperty (来劫持绑定数据,在VUE.3X中使用Proxy劫持。如果按照最初的开发,我们前端开发不仅仅是需要完成业务代...

vue前端开发框架概述

渐进式JavaScript框架渐进式(Progressive):逐步集成:这意味着你可以从项目中的一部分开始使用Vue.js,而不需要全面重构。例如,你可以先在一个小部件中使用Vue.js,然后逐渐扩展到整个应用程序。易用性:Vue.js的设计注重易...

12