Javascript nuxt.js和nova服务之间是否可以进行双向绑定?(ara nuxtjs演示)

Javascript nuxt.js和nova服务之间是否可以进行双向绑定?(ara nuxtjs演示),javascript,vue.js,nuxt.js,micro-frontend,ara,Javascript,Vue.js,Nuxt.js,Micro Frontend,Ara,我正在测试演示: 在将道具更改为Nuxt.js时,是否有办法动态更改“nova组件”中的道具? 或者用其他方式在Nuxt.js和Nova组件之间进行动态通信 Nuxt组件: <template> <div> <nova name="Vue" :data="{ count: count }" /> <a @click="count = count + 1"&

我正在测试演示:

在将道具更改为Nuxt.js时,是否有办法动态更改“nova组件”中的道具? 或者用其他方式在Nuxt.js和Nova组件之间进行动态通信

Nuxt组件:

<template>
    <div>
        <nova name="Vue" :data="{ count: count }" />
        <a @click="count = count + 1">+1</a>
    </div>
</template>

<script>
import Nova from 'nova-vue-bridge'

export default {
  components: { Nova },
  data: function () {
    return {
      count: 1
    }
  },
  head: {
    script: [
      { src: 'http://localhost:8081/client.js' },
    ]
  }
}
</script>

+1
从“Nova vue bridge”导入Nova
导出默认值{
组件:{Nova},
数据:函数(){
返回{
计数:1
}
},
负责人:{
脚本:[
{src:'http://localhost:8081/client.js' },
]
}
}
Nova组件(Vue):


{{count}}
导出默认值{
道具:[“计数”]
}

您可以使用REF的概念来实现这一点。只需提供nova组件的参考。使用该ref,您可以更改nova组件内部的数据。您可以使用ref的概念进行更改。只需提供nova组件的参考。使用该ref可以更改nova组件内部的数据。
<template>
  <h1>{{count}}</h1>
</template>

<script>
export default {
  props: ['count']
}
</script>