分类：Vue父组件向子组件传值

2021
07-08

Vue中父组件向子组件传递数据的几种方法

最近在学习vue的源码，总结了几种vue中父子组件传递数据的方法。1.props&event父组件向子组件传递props数据，子组件通过触发事件向父组件回传数据，代码如下：//子组件<template><div@click="changeName('YYY')">{{name}}</div></template><script>exportdefault{props:['name'],//orprops:{name:{type:String,default:''}}methods:{//不能在子组件修改props数据，应触发事件让父组件处理change... 继续阅读 >

2020
09-24

Vue父组件向子组件传值以及data和props的区别详解

1.在父组件中定义msg属性data:{msg:'123-我是父组件中的数据'},2.引用子组件父组件可以在引用子组件的时候，通过属性绑定的形式，把需要传递给子组件的数据，以属性绑定的形式，传递到子组件内部，供子组件使用。把父组件传递过来的msg属性，绑定到子组件的parentmsg属性上。<com1:parentmsg="msg"></com1>3.在子组件定义部分，需要把父组件传递过来的parentmsg属性，先在props数组中定义一下（代表这个属性是由父... 继续阅读 >