今天完成的事情：

1.推进任务

明天计划的事情：

1.推进任务

遇到的问题和收获：

handleClick(row) {
    console.log(row);
    this.$confirm('是否' + row.status === 1 ? '是否执行上线操作' : '是否执行下线操作' + '?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
        lockScroll:false
    }).then(() => {
        this.$api.articleStatus({
            id: row.id,
            status: row.status === 1 ? 2 : 1
        })

lockScroll属性可以让出现弹框时滚动条不消失。

官网的上下线按钮也会出现抖动的情况，删除数据到本页为空时也不会自动跳转到前一页。

还是由于 JavaScript 的限制，Vue 不能检测对象属性的添加或删除：
对于已经创建的实例，Vue 不能动态添加根级别的响应式属性。但是，可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式属性

在往空对象里添加新属性时，能打印出来，只是视图层并不会更新。所以用vue.set可以方法来赋值。

另外重新再注意了一下this。

let obj = {
    a: 2,
    foo: function () {
        function test() {
            console.log(this);
        }

        test()
    },
    goo: fn
}
obj.foo()  //window  
obj.goo() //obj 

看上去差不多。实际指向并不同。还是得多理解呀