如何将数据传递给vue

Question

在 ExampleComponent 中，我监听事件并收到用户的 IP。然后我想在vue中显示数据。但是我怎样才能传递这些数据（变量 $ip）？我的意思是不仅仅是 console.log 它，我应该将数据带到我的页面（console.log 有效）。

<script>
export default {
    data: function() {
        return {
   ip:''
},
     mounted() {
        window.Echo.channel('channelName')
            .listen('eventIp', (e) => {
              this.ip=e
            })
        }
     }
</script>

对于 ExampleComponent，它构建在我的管理页面中，我在其中监听事件。

只是一行

Answer 1

像这样在脚本中添加数据部分：

<script>
export default {
data(){
   return{
     ip:''
   }
},

在脚本之前和模板标签内添加一个div、p、h1、span等来显示ip变量。

<template>
.
.
.
<div v-html="ip"></div>
.
.
.
</template>

然后在收到频道信息时更改 ip 变量：

    mounted() {
        window.Echo.channel('channelName')
            .listen('eventIp', (e) => {
                this.ip=e
            })
   }
} 

自动将值更改为ip值。