Vue setup语法糖关于父子传参不同之处

简介: Vue setup语法糖关于父子传参不同之处

setup语法糖关于父子传参不同之处


接受父组件的参数


使用defineProps接受父组件的参数,无需引入直接使用

const props = defineProps({
    title: String,
  })

接受的参数需要以类似TypeScript的声明变量形式去给予参数的数据类型,String、Number、Boolean等等。


向父组件传参


使用defineEmit向父组件传参,无需引入直接使用

const emit = defineEmits(['change', 'delete'])

defineEmits中的数组中给定自定义事件的字符串形式的值后,就可以通过实例进行传参了,与之前一样

emit('eventString',params);

相关文章
|
1天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
1天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
1天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
5天前
|
JavaScript
Vue组件传值异步问题--子组件拿到数据较慢
Vue组件传值异步问题--子组件拿到数据较慢
10 0
|
5天前
|
缓存 JavaScript
Vue中的keep-alive是什么意思?以及如何使用
Vue中的keep-alive是什么意思?以及如何使用
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
1037 0
|
9天前
|
JavaScript
vue学习(3)模板语法
vue学习(3)模板语法
41 11
|
9天前
|
存储 JavaScript 前端开发
vue学习(2)
vue学习(2)
199 65
|
9天前
|
JavaScript 算法 前端开发
vue学习(1)
vue学习(1)
199 62
|
8天前
|
JavaScript
vue学习(4)数据绑定
vue学习(4)数据绑定
29 10