The methods in arrProxy did not return, such as sort, which resulted in an undefined being returned

[hsuna]

nue/packages/nuejs/src/browser/for.js

Lines 49 to 93 in 638c181

	function arrProxy(arr) {
	const { unshift, splice, push, sort, reverse } = arr
	return Object.assign(arr, {
	// adding
	push(item) {
	push.call(items, item)
	mountItem(item, items.length - 1)
	},
	unshift(item) {
	unshift.call(items, item)
	mountItem(item, 0, null, blocks[0].$el)
	},
	// sorting
	sort(fn) {
	sort.call(items, fn)
	repaint()
	},
	reverse() {
	reverse.call(items)
	repaint()
	},
	// removing
	splice(i, len) {
	blocks.slice(i, i + len).forEach(el => el.unmount())
	blocks.splice(i, len)
	splice.call(items, i, len)
	},
	shift() { arr.splice(0, 1) },
	pop() { arr.splice(arr.length -1, 1) },
	// handy shortcut for a common operation
	remove(item) {
	const i = items.indexOf(item)
	if (i >= 0) arr.splice(i, 1)
	}
	})
	}

[tipiirai]

What does the source code of the component look like?

[hsuna]

version：0.3.3

app.nue

<div @name="app">
    <div :for="item in list" @click="handleClick">
        {item}
    </div>

    <script>
        list = [1, 3, 2];
        handleClick() {
            console.log('right => ', [...this.list].sort((a, b) => a - b));
            console.log('wrong =>', this.list.sort((a, b) => a - b));
        }
    </script>
</div>

click number，console output：

After conversion, using native methods is correct, but using proxy methods returns undefined.

[tipiirai]

Nice. This helps! Note that I added a low priority tag here, since the single-page application stuff comes later on my personal todo list. I'm following this roadmap. Thanks