网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > javascript > Vue
  • vue mounted如何调用method方法?

    mounted是vue生命周期里很重要的概念,主要用来发送ajax请求、启动定时器、绑定自定义事件、订阅消息等。了解mounted 在组件被挂载之后调用。类型interface ComponentOptions { mounted?(this: ComponentPublicInstance): void}详细信息 组件在以下情况下…

    2023/2/5 13:32:43
  • 一招教你完美解决vue mounted执行多次问题

    在解决vue mounted执行多次问题之前,我们先来了解一些基本的知识。 mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。 created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。 …

    2023/2/5 13:08:53
  • vue mixins是什么?有什么用?

    什么是 mixins? Vue官方文档是这样描述mixins的: mixins是一种分发Vue组件中可复用功能的一种灵活方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 mixins是一个JavaScript对象,可以包…

    2023/2/5 12:51:41
  • vue中过滤器有什么作用及详解

    Vue中的过滤器是什么 过滤器(filter)是输送介质管道上不可缺少的一种装置,大白话,就是把一些不必要的东西过滤掉,过滤器实质不改变原始数据,只是对数据进行加工处理后返回过滤后的数据再进行调用处理,我们也可以理解其为一个纯函数。 定义:对要显示的…

    2023/2/2 21:44:07
  • vue中watch值第一次绑定就执行监听函数

    vue中的watch就是当值第一次绑定的时候,是不会执行监听函数的,只有值诞生改变才会执行。如果需要在第一次绑定的时候也执行函数,则需要用到immediate属性,比如当父组件向子组件动态传值时,子组件props首次获取到父组件传来的No认知时,也需要执行函数。 首先确…

    2023/2/2 21:27:01
  • vue中高阶函数filter、map、reduce的用法

    vue中for循环可以实现一些简单的逻辑,但是要实现一些稍微复杂的逻辑就需要使用vue的高阶函数(filter、map、reduce)可以更便捷的实现需求。 第一种是filter的使用:参数是回调函数 filter中的回调函数有一个要求: 必须返回一个boolean值 true: 当…

    2023/1/22 14:24:50
  • vue中for循环怎么使用?

    vue中for循环有三种用法,接下来我们来详细说说vue中for循环的具体用法。 1、第一种是我们平常用的最多的for循坏 如: 普通的for循环 ,显得繁琐,i为for为数组赋予的序号let totalPrice = 0for (let i = 0; i < this.books.length; i++) { totalPrice += th…

    2023/1/22 14:19:18
  • vue和uni-app有什么区别?

    vue大家都知道是目前比较主流的前端开发技术,uni-app则是实现一套代码多段运行的解决方案。今天我们就来说说vue和uni-app的区别。vue和uni-app的区别如下:1、uni-app可以通过打包实现一套代码多端运行,而vue不行。2、uni-app有自动的框架预载,加载页面的速度更快,vu…

    2023/1/22 13:57:16
  • vue中的throttle有什么作用?

    throttle常被vue用作处理节流,规定在一个单位时间内,只能触发一次函数,如果这个单位时间内触发多次函数,只有一次生效; 典型的案例就是鼠标不断点击触发,规定在n秒内多次点击只有一次生效。 在某应用购买火车票/飞机票等商品的时候,不断地点击刷新购买,总不…

    2023/1/17 21:52:35
  • Vue的debounce有什么作用?

    debounce在vue中常被用来做防抖处理,比如:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。 通俗理解,就是我们在点击请求或者点击加载等过程中,只需…

    2023/1/17 21:46:05
  • Vue的marked插件怎么用?

    Vue的marked是什么? marked是npm模块中,专门用来解析markdown语法的。 先停止vue项目,安装marked。 -D表示当前项目安装。 E:\python_script\Vue\my-project>npm install marked -D 出现以下提示,表示安装成功。+ marked@0.4.0added …

    2023/1/17 21:37:41
  • Vue中的v-if 和 v-show有什么区别?

    Vue中的v-if 和 v-show是我们经常会用到的,但二者在使用过程中有什么区别呢?今天我们就来聊一聊二者的区别。条件渲染#v-if和v-else v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 使用 v-else 指令来表示 v-if 的…

    2023/1/17 21:21:42
  • vue3的proxy相较2的Object.defineProperty有什么优势?

    随着vue3的推出,越来越多的程序员使用它来开发前端,那么vue3的proxy相较2的Object.defineProperty有什么优势呢?在我们使用Object.defineProperty的时候,我们遇到的问题有:一次只能对一个属性进行监听,需要遍历来对所有属性监听。这个我们在上面已经解决了。在遇到一…

    2023/1/14 19:48:28
  • vue2的Object.defineProperty和vue3的proxy有什么区别?

    vue2的Object.defineProperty的作用是在一个对象上定义一个新的属性,或者修改对象现有饿属性,并返回这个对象。而vue3的proxy可以监听一整个对象,且基于proxy的监听,只有当一个数据被用到的时候,才会去监听它,所以就避免了上面提及的问题,在监听上大大降低了性能的…

    2023/1/14 19:40:32
  • vue3.0和vue2.0比较有哪些优势?

    前不久vue3.0发布了,vue3.0和vue2.0相比有什么优势和区别呢?,今天我们就来聊一聊vue3.0和vue2.0,优势主要体现在:更快、更小、更易维护、更易于原生、让开发者更轻松;1、vue3.0 与 vue2.0 相比的优势更快:  1、virtual DOM 完全重写,mounting & patching 提…

    2023/1/14 12:24:27
  • Vue如何监听我按的是哪一个键盘按键?

    键盘事件的监听是我们经常要在项目中做的事情,这阵子在开发Vue项目,今天我们就来说说Vue如何监听我按的是哪一个键盘按键? 1、在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:<!-- 只有在 `key` 是 `Enter…

    2023/1/10 21:28:28
  • Vue如何实现表单input,textarea,select项数据绑定?

    我们在进行项目开发时经常用到表单,其中涉及表单的验证,数据的绑定等等,那么在Vue中ue如何实现表单的数据绑定呢? 1、你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。 注:v-model其实是v-mo…

    2023/1/10 21:16:05
  • Vue如何实现按钮的点击Click事件?

    Vue有许多重要的知识,其中的点击事件是我们经常用到的,今天我们就来讲讲Vue如何实现按钮的点击Click事件?点击事件 1、可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。 v-on:click 简写成 @click<body> <div id="app…

    2023/1/10 21:06:38
  • this.$refs.xx为undefined问题如何解决?

    前几天在做vue项目时遇到了this.$refs.xx 为 undefined的情况,后来解决了,首先我们来分析一下this.$refs.xx 为 undefined有这样几种情况:1. 在created 钩子函数中调用: create()在实例创建完成后被立即调用。这时,实例已完成数据观测、属性和方法的元素,wat…

    2023/1/8 16:09:32
  • 节流在vue项目中的实际应用

    vue项目中在规定的时间间隔范围内不会重发触发回调,只有大于时间间隔才会触发回调,也就是说,把频发触发变成少量触发。优化多次点击按钮在规定的时间间隔内只触发一次,我们需要用到节流。节流的使用 同样的,先实现功能,在阐述原理。现在,我们在util文件夹新…

    2023/1/7 14:17:55
共40记录«上一页12下一页»