当前位置: 首页 > news >正文

太原推广型网站制作html5 网站模板下载

太原推广型网站制作,html5 网站模板下载,wordpress admin init,网站制作带模板破解版npm 包地址 mitt 是一个轻量级的 JavaScript 事件触发器, 只有200b。有基本的事件触发、订阅和取消订阅功能,还支持用命名空间来进行更高级的事件处理。 功能特点: Microscopic —— weighs less than 200 bytes gzippedUseful —— a wil…

npm 包地址

mitt 是一个轻量级的 JavaScript 事件触发器, 只有200b。有基本的事件触发、订阅和取消订阅功能,还支持用命名空间来进行更高级的事件处理。

功能特点:

  • Microscopic —— weighs less than 200 bytes gzipped
  • Useful —— a wildcard “*” event type listens to all events
  • Familiar —— same names & ideas as Node’s EventEmitter
  • Functional —— methods don’t rely on this
  • Great Name —— somehow mitt wasn’t taken

获取 mitt

你可以通过以下几种方式获取 mitt

  • 使用 NPM 包

首先,你需要在项目根目录下使用以下命令安装 mitt

# 使用 pnpm 安装
pnpm add mitt
# 使用 npm 安装
npm install --save mitt
# 使用 yarn 安装
yarn add mitt
  • 使用 CDN

你还可以通过 CDN 获取构建好的 mitt 文件。将以下代码添加到 HTML 文件的 <script> 标签中:

<script src="https://unpkg.com/mitt/dist/mitt.umd.js"></script>

引入 mitt

  • 通过 NPM 包引入

JavaScript 文件顶部使用 import 引入 mitt

// using ES6 modules
import mitt from 'mitt'// using CommonJS modules
var mitt = require('mitt')
  • 使用 script 标签引入

通过直接在 HTML 文件中添加 <script> 标签,引入构建好的 mitt 文件:

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><!-- 引入 mitt 文件 --><script src="https://unpkg.com/mitt/dist/mitt.umd.js"></script></head>
</html>

使用 window.mitt 来调用方法。

组件中使用

以实时获取未读消息数量为例。

  1. 首先,新建一个 mitt.js 文件
import mitt from 'mitt'const emitter = mitt()export default emitter
  1. 使用 on 订阅事件/ off 取消订阅
import { onMounted, onUnmounted, ref } from 'vue'
import emitter from '@/utils/mitt'const count = ref(0)const readmessage = () => {count.value = count.value - 1
}
onMounted(() => {emitter.on('messageread', readmessage)...
})
onUnmounted(() => {emitter.off('messageread', readmessage)
})
  1. 使用 emit 触发事件
import emitter from '@/utils/mitt'...
emitter.emit('messageread')
...

在这里插入图片描述
点击查看后,未读消息数量减一。

API

on

注册事件处理器

参数类型说明
typestring | symbolType of event to listen for, or ‘*’ for all events
handlerFunction?Function to call in response to given event

off

移除事件处理器

参数类型说明
typestring | symbolType of event to unregister handler from, or ‘*’
handlerFunction?Handler function to remove

emit

触发事件,可以带参数,参数可以为任意类型值

参数类型说明
typestring | symbolThe event type to invoke
handlerAny?Any value (object is recommended and powerful), passed to each handler
http://www.yayakq.cn/news/222452/

相关文章:

  • 定制化网站开发一般多少钱电子商务网站建设与管理的论文
  • 网站策划书10个点怎么写郓城做网站哪家好
  • 徐州网站排名公司哪家好同性男做的视频网站
  • 什么是网站优化广州励网网站建设网络公司
  • 北京建网站软件wordpress添加签名
  • 品牌网站建设权威网站制作公司要文化建设费
  • 公司网站如何在百度上能搜索到小程序 wordpress
  • dedecms 广告管理 js 网站变慢网站制作与网站建设pdf
  • 专业做外贸网站建设黑色午夜
  • 烟台做网站推广的公司哪家好微信 wordpress插件
  • 去哪里购买网站空间dw怎么做网站布局
  • 定制网站建设制作商东莞手机网站设计公司
  • 马连洼网站建设广西建设网桂建云系统
  • 1.电子商务网站建设的核心是( )网站建设与管理题库
  • 做公司网站怎么删除图片做的成功的地方网站
  • 微信漫画网站模板购物网站建设怎么样
  • 北京工地网站建设WordPress开发app
  • vs 2008网站做安装包wordpress怎么加速权限不够
  • 做网站济宁项目交流平台
  • 建设精品课程网站的意义网站开发软件开发怎么样
  • 找公司开发网站苏州公司注册代理
  • 商务网站设计与建设实训网站 做百度推广有没有效果怎么样
  • 九龙坡建站公司网站服务器天付
  • 蜗牛星际做网站服务器wordpress英文
  • 网站风格要求大型大型网站建设方案ppt
  • 做们作业网站企业网站系统模板
  • 网站百科推广怎么做wordpress原生app
  • 成都网站logo设计网易云音乐网站建设项目规划书
  • 北京微网站建设公司哪家好哪些网站用c 做的
  • 官网的网站设计公司网站中的图片展示功能该设计什么