技术笔记:Vue3之emits

简介: 技术笔记:Vue3之emits

emits:Vue3中emits类比于Vue2的props,也是传值,但是Vue2props不能声明事件,Vue3emits可以声明事件


//Vue2


{ { text }}


OK


export default {


props: 【'text'】


}


//Vue3


{ { text }}


OK


export default {


props: 【'text'】,


emits: 【'accepted'】


}


这里要注意,Vue3组件可以没有根元素,但是在组件的组件内触发事件时,如果为多个代码片段,没有根元素包裹,会产//代码效果参考:http://www.jhylw.com.cn/310229269.html

生警告,需要对事件定义emits 

//警告代码


确认


setup(){


emit("change", showAddress.value && showAddress.value.id);


}


//修改代码1


确认


setup(){


emit("change", showAddress.value && //代码效果参考:http://www.jhylw.com.cn/543432585.html

showAddress.value.id);

}


//修改代码2


确认


emits: 【"change"】,


setup(){


emit("change", showAddress.value && showAddress.value.id);


}

相关文章
|
3天前
|
JavaScript 网络架构
vue3 Elementplus 动态路由菜单不跳转问题
vue3 Elementplus 动态路由菜单不跳转问题
16 1
|
3天前
|
JavaScript 前端开发 API
vue3和vue2的区别
vue3和vue2的区别
|
3天前
|
JavaScript API 开发者
vue3 的生命周期
vue3 的生命周期
|
4天前
Vue3项目 小兔鲜问题总结
Vue3项目 小兔鲜问题总结
15 2
|
4天前
vue3基本指令使用
vue3基本指令使用
8 2
Vue3组件,注册全局组件和局部组件
Vue3组件,注册全局组件和局部组件
|
3天前
|
JavaScript 前端开发 网络架构
技术笔记:vue——介绍和使用
技术笔记:vue——介绍和使用
|
4天前
|
JavaScript 前端开发 API
技术好文:vue混入(mixin)的使用
技术好文:vue混入(mixin)的使用
10 0
|
5天前
|
JavaScript API 网络架构
Vue3路由机制router(2)
Vue3路由机制router(2)
11 0
|
5天前
|
安全 定位技术 数据安全/隐私保护
Vue3路由机制router(1)
Vue3路由机制router(1)
11 0