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

凡科2网站需要备案吗/太原seo外包服务

凡科2网站需要备案吗,太原seo外包服务,手机模板网站模板下载,小程序开发源码一、语法(props) 第一步&#xff1a;在组件模板表达式中&#xff0c;可以直接用$emit()方法触发自定义事件&#xff0c; <!-- MyComponent --> <button click"$emit(someEvent)">Click Me</button> 第二步父组件可以通过 v-on (缩写为 ) 来监听…

一、语法(props)

第一步:在组件模板表达式中,可以直接用$emit()方法触发自定义事件,

<!-- MyComponent -->
<button @click="$emit('someEvent')">Click Me</button>

第二步父组件可以通过 v-on (缩写为 @) 来监听事件:

<MyComponent @some-event="callback" />//组件的事件监听器也支持 .once 修饰符:
<MyComponent @some-event.once="callback" />
注意:

1.1、像组件prop一样,事件名字也提供了自动格式转换,上面触发了一个camelCase形式命名的事件,但在父组件中可以使用kebab-case形式监听

1.2、和原生 DOM 事件不一样,组件触发的事件没有冒泡机制。你只能监听直接子组件触发的事件。平级组件或是跨越多层嵌套的组件间通信,应使用一个外部的事件总线,或是使用一个全局状态管理方案(vuex)。

二、事件参数

// 子组件
<button @click="$emit('increaseBy', 1)">Increase by 1
</button>// 父组件:
// 第一种:可以先简单写一个内联的箭头函数作为监听器,此函数会接收到事件附带的参数;
<MyButton @increase-by="(n) => count += n" />// 第二种:还可以用一个组件方法来作为事件处理函数:
<MyButton @increase-by="increaseCount" />
function increaseCount(n) {count.value += n
}
注意:

       所有传入 $emit() 的额外参数都会被直接传向监听器。举例来说,$emit('foo', 1, 2, 3) 触发后,监听器函数将会收到这三个参数值。

二、声明触发事件

组件可以显式地通过 defineEmits() 宏来声明它要触发的事件:

<script setup>defineEmits(['inFocus', 'submit'])
</script>
注意:

      1. 我们在 <template> 中使用的 $emit 方法不能在组件的 <script setup> 部分中使用,但 defineEmits() 会返回一个相同作用的函数供我们使用:

<script setup>
const emit = defineEmits(['inFocus', 'submit'])function buttonClick() {emit('submit')
}
</script>

        2. defineEmits() 宏不能再子函数中使用,必须在<script setup>的顶级作用域下

        3、如果显示的使用setup函数,不使用<script setup>,则事件需要通过emits选项来定义,emit函数也被暴露在setup的上下文对象上

export default {
  emits: ['inFocus', 'submit'],
  setup(props, ctx) {
    ctx.emit('submit')
  }
}

  3、emits 选项和 defineEmits() 宏还支持对象语法

四、事件校验

        和对 props 添加类型校验的方式类似,所有触发的事件可以使用对象形式描述

        要为事件添加校验,那么事件可以被赋值为一个函数,接受的参数就是抛出事件时传入 emit 的内容,返回一个布尔值来表明事件是否合法。

<script setup>
const emit = defineEmits({// 没有校验click: null,// 校验 submit 事件submit: ({ email, password }) => {if (email && password) {return true} else {console.warn('Invalid submit event payload!')return false}}
})function submitForm(email, password) {emit('submit', { email, password })
}
</script>

http://www.lryc.cn/news/580661.html

相关文章:

  • 专业独立门户网站建设/企业培训机构排名
  • 五道口网站建设公司/网店代运营正规公司
  • 有没有99块钱做网站/江门网站定制多少钱
  • 哪家公司做网站好/西地那非片的正确服用方法
  • 深圳微网站建设公司/网络营销是什么
  • 湛江网站设计公司/广州seo技术外包公司
  • 搜狐网站建设的建议/杭州千锋教育地址
  • 推荐网站建设的书/googleseo优化
  • 建一个小型的购物网站服务器一年要多少钱/市场调研怎么做
  • 抖音代运营赚钱吗/seo运营是什么
  • 外行学网页制作与网站建设从入门到精通/发布软文是什么意思
  • 非公企业党建网站建设/全网推广的方式
  • 工信部网站icp备案/舆情信息网
  • 可以做网站的编程有什么软件/关键词优化排名软件流量词
  • 做网站和网页的目的和作用/百度导航下载2020新版语音
  • 网站建设工作成果怎么写/网络推广引流是做什么工作
  • 如何做自己官方网站/凡科建站怎么样
  • 当当网网站建设/新的网络推广方式
  • 1688开山网一起做网站/seo搜索引擎是什么意思
  • 网站管理后台 模板/谷歌推广外包
  • 利用css技术做网站的思路/西安百度推广运营公司
  • 苏州做网站最好公司有哪些/百度快照查询
  • 重庆做网站制作的公司/常见的网络推广方法有哪些
  • 企业邮箱怎么注册的/百度关键词seo排名
  • 企业网站主页设计模板/如何优化搜索引擎
  • 中和华丰建设有限责任公司网站/教育机构排名
  • wordpress手游/seo公司推广
  • 网站设计师岗位职责/宁德市教育局官网
  • 重庆智能网站建设价格/危机公关处理
  • 手机制作表格/seo推广是什么