Javascript nuxt.js和nova服务之间是否可以进行双向绑定?(ara nuxtjs演示)
我正在测试演示: 在将道具更改为Nuxt.js时,是否有办法动态更改“nova组件”中的道具? 或者用其他方式在Nuxt.js和Nova组件之间进行动态通信 Nuxt组件: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"&
<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>