Question

我想在DOM中放入一个 Vue 实例的数组。

Tree = Vue.extend

    props: ["foo"]

    template: "(Tree : {{foo}})"


Forest = Vue.extend

    components:
        tree: Tree

    data: ->
        forest: []

    template: "<tree v-for=\"tree in forest\">"

    created: ->
        for i in [0...10]
            @forest.$set i, new Tree foo: i


new Forest
    el: "body"
    replace: false

显然，在我的实际代码中，forest数组在应用程序的生命周期中发生了变化。

此代码创建了20个树，DOM中有10个，forest数组中有10个。我想要的是将10个树从数组传递给DOM。我想我需要更改模板"<tree v-for=\"tree in forest\">"，但我不知道如何。

Answer 1

在示例林模板中迭代树的一种方法：

var divList = $(".fff");
divList.sort(function(a, b){ return $(b).data("player") $(a).data("player")});
divList.sort(function(a, b){ return $(b).data("revision") $(a).data("revision")});

$("#spelerss").html(divList);

HTML：

    template: "#forest-template",
    compiled: function(){
        for (var i = 0; i < 10; i++)
        {
            this.forest.push({foo:i})
        }
    }

如何将Vue实例用作数据

1 个答案: