文章 2023-08-17 来自:开发者社区

Vue中自定义指令的理解,应用场景有哪些?

一、什么是指令在vue中提供了一套为数据驱动视图更为方便的操作,这些操作被称为指令系统我们看到的v-开头的行内属性,都是指令,不同的指令可以完成或实现不同的功能除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令指令使用的几种方式://会实例化一个指令,但这个指令没有参数v-xxx// – 将值传到指令中v-xxx="value"// – 将字符串传入到....

文章 2023-06-24 来自:开发者社区

Vue组件通信方式及其应用场景总结(下)

一 二 vuex vuex算是vue中处理复杂的组件通信的最佳方案,毕竟是vue和vuex一个娘胎里出来的。而且vuex底层也是用vue实现的。相信不少同学对vuex并不陌生。接下来我们开始介绍vuex。 1 基础用法 vuex文件 import Vuex from 'vuex' import Vue from 'vue' Vue.use(Vuex) export defaul...

Vue组件通信方式及其应用场景总结(下)
文章 2023-06-24 来自:开发者社区

Vue组件通信方式及其应用场景总结(上)

前言 相信实际项目中用过vue的同学,一定对vue中父子组件之间的通信并不陌生,vue中采用良好的数据通讯方式,避免组件通信带来的困扰。今天笔者和大家一起分享vue父子组件之间的通信方式,优缺点,及其实际工作中的应用场景 首先我们带着这些问题去思考 1 vue中到底有多少种父子组件通信方式? 2 vue中那种父子组件最佳通信方式是什么? 3 vue中每个通信方式应用场景是什么? 一 ...

Vue组件通信方式及其应用场景总结(上)
文章 2023-04-20 来自:开发者社区

vue钩子函数的应用场景与注意事项

Vue的钩子函数是在组件的生命周期中被调用的特殊函数,它允许我们在组件的不同阶段添加自定义逻辑和功能。Vue的钩子函数总共有8个:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。beforeCreate:在实例初始化之后,数据观测 (data observer) 和 eve....

文章 2023-02-24 来自:开发者社区

【Vue 开发实战】基础篇 # 10:生命周期的应用场景和函数式组件

说明【Vue 开发实战】学习笔记。生命周期创建阶段初始化事件和生命周期数据观测、属性、侦听器配置等模板编译到 render异步请求、操作DOM、定时器等更新阶段万万不可更改依赖数据,会造成死循环销毁阶段移除已经添加的事件监听器,计时器等<template> <div> {{ log("render") }} {{ now }} <butt...

【Vue 开发实战】基础篇 # 10:生命周期的应用场景和函数式组件
文章 2023-02-14 来自:开发者社区

vue动态组件的应用场景讲解-以tab切换效果为例

highlight: a11y-dark问题描述tab切换的场景在开发中会经常用到。当需要实现这种效果的时候,我们常常会想到下面的方式去实现这个效果。<br/>方式一 使用display:none;去控制dom元素的显示与隐藏。从而实现,两个tab的显示与隐藏。不过如果有三四个tab要切换的话,这种方式就不可取了。方式二 使用vue中的指令v-if或者v-show实现。这种方式可以实....

vue动态组件的应用场景讲解-以tab切换效果为例
文章 2023-01-08 来自:开发者社区

vue的导航守卫详细介绍和应用场景

导航守卫?在VUE官方文档中有写到 ‘导航”表示路由正在发生改变’,正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。当导航发生改变的时候,vue-router 会在多个不同的地方调用指定的函数,也就是与路由有关的生命周期函数,也称为:路由守卫导航守卫的分类全局守卫:全局守卫是注册在 rou....

文章 2022-11-22 来自:开发者社区

Vue中 computed 和 watch 区别及应用场景详解

在 vue 的项目中,我们时常会需要对 data 的改变做出处理,这时候就需要用到 watch 和 computed 这两个属性。既然都是数值改变触发改变的属性,他们之间又有什么异同呢?1. 计算属性 computed特点:支持缓存,只有依赖数据发生改变,才会重新进行计算;不支持异步,当 computed 内有异步操作时无效,无法监听数据的变化;computed 属性值会默认走缓存,计算属性是基....

Vue中 computed 和 watch 区别及应用场景详解
文章 2022-11-22 来自:开发者社区

Vue中 实现函数的防抖、节流及应用场景

1. 简介1.1 函数防抖(debounce)定义: 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;(类似于 王者荣耀回城效果~~)典型的案例 输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。实现原理: 函数防抖的基本思想是设置一个定时器,在指定时间间隔内运行代码时清楚上一次的定时器,并设置另一个定时器,知道函数请求停止并超过时间间隔才会执行。使用场景....

文章 2022-11-21 来自:开发者社区

Vue 路由钩子(导航守卫)详解及应用场景

在vue-router的官方文档中, 将路由钩子翻译为导航守卫。1. 路由钩子语法1.1 全局前置守卫你可以使用 router.beforeEach 注册一个全局前置守卫:const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... })当一个导航触发时,全局前置守卫按照创建顺序...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注