(javascript)vue 组件data里的数组如何添加新值并触发更新

关于网友提出的“ (javascript)vue 组件data里的数组如何添加新值并触发更新
”问题疑问，本网通过在网上对“ (javascript)vue 组件data里的数组如何添加新值并触发更新
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题： (javascript)vue 组件data里的数组如何添加新值并触发更新
描述:

import slider from './slider'
export default {
el: '#slider',
     data () {
        return {
            someList:[
                {
                    title: 'slide1',
                    img: 'testimg-1.jpg',
                },
                {
                    title: 'slide2',
                    img: 'testimg-2.jpg',
                },
                {
                    title: 'slide3',
                    img: 'testimg-3.jpg',
                }
            ],
            sliderinit: {
                currentPage: 0,
                contentWidth:500,
                start: {},
                end: {},
                tracking: false,
                thresholdTime: 500,
                thresholdDistance: 100,
            }
        }
    },
    components: {
        slider
    },
    methods: {
        appendslider(){
            this.someList.push({title: 'slidenew',img: 'testimg-4.jpg',});
            console.log(this.someList);
        }
    },
}

示例代码如上，如何通过methods里push的方法，动态添加值到someList里面，并触发子组件里更新数据？目前push只添加了值，没触发更新

---

解决方案1:

不知道题主的slider是什么样的，我当做是一个简单的ul写了一下demo，视图是可以正常更新的。Demo

解决方案2:

:pages.sync="someList"