怎么给vue node动态设置属性

要给Vue Node动态设置属性，需要使用JavaScript的属性设置方法。在Vue中，可以通过v-bind指令来动态地将属性绑定到节点上。

在Vue中，可以通过一个对象来设置节点的属性。例如，可以使用对象来设置节点的id、class、style等属性。

首先，在Vue中创建一个data对象，用于存储需要动态设置的属性。然后，在节点标签上使用v-bind指令，将相关属性与data对象中的属性绑定起来。最后，在Vue组件中修改data对象的属性值，即可动态地修改节点的属性。

例如，可以使用以下代码来动态设置节点的class属性：

<template>
  <div v-bind:class="classObject"></div>
</template>

<script>
  export default {
    data() {
      return {
        classObject: {
          'btn': true,
          'btn-primary': false
        }
      }
    },
    methods: {
      toggleClass() {
        this.classObject['btn-primary'] = !this.classObject['btn-primary']
      }
    }
  }
</script>

在上面的代码中，创建了一个名为classObject的data对象，用于存储节点的class属性。在节点标签上使用v-bind:class指令，将classObject对象与节点的class属性绑定起来。然后在组件中的方法中，通过修改classObject对象中的属性值，实现动态地修改节点的class属性。

同样的，通过以上的例子，可以使用v-bind指令来动态设置节点的id、style等其他属性。

综上所述，动态设置Vue Node的属性并不难，只需要熟悉Vue中v-bind指令的使用方法，以及JavaScript中的属性设置方法即可。