1

我正在测试演示:https ://github.com/marconi1992/ara-nuxtjs-demo

将 props 更改为 Nuxt.js 时,有没有办法动态更改“nova 组件”中的 props?或者其他方式在 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>

Nova 组件(Vue):

<template>
  <h1>{{count}}</h1>
</template>

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

0 回答 0