& lt; template>
& lt; div>
父组件:
& lt; span>{{名称}}& lt;/span>
& lt; br>
& lt; br>
& lt; !——引入子组件定义一个上的方法监听子组件的状态——比;
& lt;孩子v: childByValue=" https://www.yisu.com/zixun/childByValue "祝辞& lt;/child>
& lt;/div>
& lt;/template>
& lt; script>
进口的孩子从“/子。”
出口默认{
组件:{
孩子
}，
数据(){
返回{
名称:“
}
}，
方法:{
childByValue:函数(childValue) {//childValue就是子组件传过来的值
this.name=childValue
}
}
}
& lt;/script>
之前
<强> 3。非父子组件进行传值。(非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中间仓库来传值,不然路由组件之间达不到传值的效果。)
公共bus.js
//bus.js
从“Vue”进口Vue
出口默认新Vue ()
之前
组件:
& lt; template>
& lt; div>
一组件:
& lt; span> {{elementValue}} & lt;/span>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/点击触发“@click=癳lementByValue”比;
& lt;/div>
& lt;/template>
& lt; script>//引入公共的错误,来做为中间传达的工具
进口汽车”。/bus.js '
出口默认{
数据(){
返回{
elementValue: 4
}
}，
方法:{
elementByValue:函数(){
公共汽车。发出(“val”, this.elementValue)美元
}
}
}
& lt;/script>
之前
组件B:
& lt; template>
& lt; div>
B组件:
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/点击触发“@click=癵etData”比;
& lt; span>{{名称}}& lt;/span>
& lt;/div>
& lt;/template>
& lt; script>
进口汽车”。/bus.js '
出口默认{
数据(){
返回{
名称:0
}
}，
安装:函数(){
var vm=这//用美元在事件来接收参数
公共汽车。美元(“val”,(数据)=比;{
console.log(数据)
vm.name=数据
}）
}，
方法:{
getData:函数(){
this.name + +
}
}
}
& lt;/script>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
