Vue中对数组的操作

<div id="app">

    <ul>
        <li v-for="item in message" :key="item">{{item}}</li>
    </ul>
    <button @click="btnClick" >test</button>
</div>


<script>
    const app = new Vue({
        el: '#app',
        data: {
            message:['a','b','c','d','1','4']
        },
        methods: {
            btnClick(){
                //this.message.pop()    删除最后一个元素
                //this.message.push()   插入一个或者多个元素
                //this.message.shift()  删除第一个元素
                //this.message.unshift() 在数组前面插入一个或者多个元素
                //1 是从index开始，2是删除两个，之后的是删除之后再添加的元素
                //相当于替换
                //this.message.splice(1,2,'u','r','l')
                //让数组中的元素反着排序
                //this.message.reverse()
                //让数组中的元素从小到大排序
                //this.message.sort()
                //修改数据 (要修改的对象,index,修改之后的value)
                //Vue.set(this.message,0,'what')

            }
        }

    })
</script>