fuelux.tree在VUE中能实现绑定效果吗

是的，你可以在Vue中使用v-model指令，将FuelUX Tree控件与Vue的数据模型进行绑定。

以下是一个示例代码：

<template>
  <div>
    <div ref="tree"></div>
  </div>
</template>

<script>
import $ from 'jquery';
import 'fuelux/dist/js/fuelux';
import 'fuelux/dist/css/fuelux.css';

export default {
  name: 'MyTree',
  props: {
    value: {
      type: Array,
      default: () => []
    }
  },
  mounted() {
    this.initTree();
  },
  methods: {
    initTree() {
      $(this.$refs.tree).tree({
        dataSource: this.value, // 将props中的value数据作为Tree的数据源
        multiSelect: true
      }).on('changed.fu.tree', (event, data) => {
        this.$emit('input', data.selectedData); // 将Tree控件中选中的数据通过input事件发送给父组件
      });
    }
  },
  watch: {
    value(newVal) {
      $(this.$refs.tree).tree('removeAll'); // 先清空Tree控件中的所有节点
      $(this.$refs.tree).tree('dataSource', newVal); // 再将新的数据源设置给Tree控件
    }
  },
  beforeDestroy() {
    $(this.$refs.tree).tree('destroy');
  },
};
</script>

上面的代码中，我们定义了一个MyTree组件，并将其props中的value属性作为FuelUX Tree控件的数据源。在mounted钩子函数中，我们初始化了Tree控件，并将value属性作为dataSource传递给它。同时，我们还通过监听changed.fu.tree事件，来获取用户在Tree控件中选中的数据，并通过input事件发送给父组件。

在watch中，我们监听了value属性的变化，并在value发生变化时，先通过tree('removeAll')方法清空Tree控件中的所有节点，再通过tree('dataSource', newVal)方法将新的数据源设置给Tree控件。这样就能实现绑定效果了。

最后，在beforeDestroy钩子函数中，我们同样调用了tree('destroy')方法来销毁Tree控件。