1. 父组件
向子组件loginPhone
传递tel
参数 phone
是在reactive
定义的变量也可是是ref
定义的变量文章来源:https://www.toymoban.com/news/detail-743782.html
<loginPhone :tel="phone" />
2. 子组件文章来源地址https://www.toymoban.com/news/detail-743782.html
import { watch } from "vue";
export default {
props: {
tel: {
type: String,
default: "",
},
},
setup(props) {
watch(
props,
(newProps) => {
console.log(newProps) // 接收到的props的值
},
{ immediate: true, deep: true }
);
}
}
到了这里,关于vue3实现父组件向子组件传值并监听props改变触发事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!