首页 > 其他分享 >Vue3使用可重复使用的Mixins

Vue3使用可重复使用的Mixins

时间:2022-10-07 01:55:32浏览次数:52  
标签:鼠标 Mixins 重复使用 事件 移入 Vue3

 

这里有两个子页面是重复功能的,一个是点击事件,一个是鼠标移入事件

点击事件

 

 鼠标移入事件

 

 效果

 

 

 

 

 

 

现在使用mixins

新键一个文件夹minxs,再建一个js文件

 

 

 

 

再导入使用

 

 

 

可以覆盖

 

 

 

标签:鼠标,Mixins,重复使用,事件,移入,Vue3
From: https://www.cnblogs.com/hechunfeng/p/16758987.html

相关文章

  • [踩坑记录] Vue3 customRef 传入对象没有进入set方法
    问题描述学习Vue3Ref相关API的时候,遇到了customRef这个API,它可以让我们自定义ref的更新的过程但是使用customRef有一个问题就是,如果你传入的是初始值,那么一切......
  • [转]VUE3 学习之 npm
    使用命令安装expressmysql2nodemon三个插件[email protected] 安装nodemon插件时,要带上-g命令可以参考:https://www.cnblogs.com/z5337/p/16484943.......
  • vue3 访问原生事件
    两种方法$event变量内联箭头函数官网链接:https://cn.vuejs.org/guide/essentials/event-handling.html#accessing-event-argument-in-inline-handlers如下图所示:......
  • Vue3 Vite3 多环境配置 - 基于 vite 创建 vue3 全家桶项目(续篇)
    在项目或产品的迭代过程中,通常会有多套环境,常见的有:dev:开发环境sit:集成测试环境uat:用户接收测试环境pre:预生产环境prod:生产环境环境之间配置可能存在差异,如接口地......
  • Vue3集成Tailwind CSS
    TailwindCSS是一个由js编写的CSS 框架 他是基于postCss去解析的对于PostCSS的插件使用,我们再使用的过程中一般都需要如下步骤:PostCSS配置文件postcss.config.js,新......
  • vue3中动态组件
    动态切换组件代码如下(示例):  1.markRaw标记一个普通对象,使得它不可以被转换成响应式对象。简单来说,就是组件不需要响应式,这样可以提高性能。2.keep-alive组件在非活......
  • vue3的Async Components异步组件
    前言:当我们的项目达到一定的规模时,对于某些组件来说,我们并不希望一开始全部加载,而是需要的时候进行加载;这样的做得目的可以很好的提高用户体验。传统方式引入组件如下,这......
  • 备战2021:vue3+ts开发指南
    Vue3+Typescript开发指南为什么要使用Ts应不应该使用TS开发Vue3是当前的热门话题,大家主要纠结成本和收益之间的取舍。什么是TypeScript官网:构建于JavaScript,增加了静态类......
  • vue3中pinia的使用总结
      pinia的简介和优势:Pinia是Vue生态里Vuex的代替者,一个全新Vue的状态管理库。在Vue3成为正式版以后,尤雨溪强势推荐的项目就是Pinia。那先来看看Pinia比Vuex好的地方,也......
  • ts+vite3+vue3+mock+qs实现本地模拟数据功能
    第一步:安装qs因为项目中用到了ts,所以还需要安装:第二步:安装mock第三步:创建Vue页面:Category.vue<template><button@click="getById">getById</button><button......