<body>
<div id="app">
<ul>
<li v-for="item in letters" :key="item">{{item}}</li>
</ul>
<button @click="btnClick">按钮</button>
</div>
<script>
const app = new Vue({
el: '#app',
data: {
letters: ['a', 'b', 'c', 'd']
},
methods: {
btnClick() {
//01 push 从数组后面添加元素
// this.letters.push('f')
//02 pop 从数组后面删除元素
// this.letters.pop();
//03 unshift 从数组前面添加元素
// this.letters.unshift('aaa', 'bbb', 'ccc')
//04 shift 从数组前面删除元素
// this.letters.shift();
//05 splice 删除元素/替换元素/插入元素
//删除元素
// this.letters.splice(1, 2)
//替换元素
// this.letters.splice(1, 2, 'cccc', 'dddd')
//插入元素
// this.letters.splice(1, 0, 'ccc', 'ddd')
//06 sort 冒泡元素
// this.letters.sort();
//07 reverse() 翻转元素
this.letters.reverse();
}
}
})
</script>
</body>
